/* Fonte Inter */
body {
    font-family: 'Inter', sans-serif;
}

/* Estilo para hover dos botões */
.link-button:hover {
    transform: scale(1.03);
    transition: transform 0.2s ease-in-out;
}

/* Estilo para ícones sociais */
.social-icon:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}

/* Estilos para o acordeão */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    padding: 0 1rem; /* Adiciona padding quando aberto */
}

.accordion-content.open {
    max-height: 500px; /* Ajuste conforme necessário para o conteúdo */
    padding: 0.75rem 1rem; /* py-3 px-4 */
}

.accordion-button .accordion-icon {
    transition: transform 0.3s ease-in-out;
}

/* Rotação do ícone de seta quando o acordeão está aberto */
.accordion-button.open .accordion-icon {
    transform: rotate(180deg);
}

/* Ajuste para o ícone de seta posicionado absolutamente */
.accordion-button .accordion-icon.absolute {
     transform: translateY(-50%) rotate(0deg); /* Estado inicial, centralizado verticalmente */
}

.accordion-button.open .accordion-icon.absolute {
    transform: translateY(-50%) rotate(180deg); /* Mantém o centro vertical e rotaciona */
}

/* Estilo para as observações nos itens da lista de Documentos (quebra linha) */
.list-item-observation-block {
    display: block; 
    font-size: 0.75rem; /* text-xs */
    color: #6b7280; /* text-gray-500 */
    margin-left: 1.25rem; 
    margin-top: 0.125rem; 
    line-height: 1.25; 
}

/* Estilo para as observações nos itens da lista de Categorias (inline) */
.list-item-observation-inline {
    font-size: 0.8em; /* Um pouco menor que o texto principal do item */
    color: #4b5563; /* text-gray-600, um pouco mais escuro para contraste na mesma linha */
    margin-left: 0.25rem; /* Pequeno espaço antes da observação */
}

/* Estilo para o texto de fallback do logo */
.logo-fallback-text {
    font-size: 1.25rem; 
    font-weight: bold;
    color: #FACC15; /* Amarelo da marca */
    font-style: italic; 
    line-height: 1; 
    text-align: center; 
    padding: 0 0.25rem; 
}

/* Estilo para a imagem do header */
.header-image {
    width: 100%;
    height: 160px; 
    object-fit: cover; 
}