/* CSS leve e escopado para a Galeria de Autoridades
   Projetado para herdar variáveis do tema e permitir customização pelo tema.
*/
.galeria-autoridades-grid{
  display: inline-flex;
  max-width: var(--w-ceaf);
  gap:1rem;
  align-items:start;
}

.galeria-autoridade{
  width: 176px;
  text-align:center;
  padding:0.5rem;
}
.galeria-autoridade-thumb img{ width:100%; height:215px; border-radius:6px; display:block; }
.galeria-autoridade-nome{ color:#8B0000; font-size: 16px; font-weight:bold; margin-top:0.5rem; height: 80px; }
.galeria-autoridade-periodo{ color:#4E4D4D; font-size:0.9rem; }

.galeria-autoridade-links button{ background:var(--color-azulCEAF-100,#1E70B6); color:#fff; border-radius:calc(infinity*1px); padding:4px 12px; margin-top:4px; cursor:pointer; border:solid; border-color:var(--color-azulCEAF-100,#1E70B6);}

.galeria-autoridade-links button:hover{background:transparent; color:var(--color-azulCEAF-100,#1E70B6); border:solid;  transition: background-color 0.3s}

.galeria-autoridade-links a{text-decoration:none; font-size: 14px;}

.galeria-autoridade-no-thumb{ width:100%; height:120px; display:flex; align-items:center; justify-content:center; background:#f3f3f3; border-radius:6px; color:#777; }

/* Permite customização adicional via classe passada no wrapper 
.galeria-autoridades-grid.minha-classe{exemplo }*/