/* unidades.css */


/* Estilo para o link que aciona o acordeão */
.link_preto_vermelho_limpo {
    text-decoration: none;
    color: #333; /* Preto */
    font-weight: bold;
    margin-right: 5px;
    transition: color 0.3s ease;
}

.link_preto_vermelho_limpo:hover {
    color: #dc3545; /* Vermelho (simulando o efeito do site) */
}

/* Estilo para o sinal de + / - (ícone) */
.link_preto_vermelho_limpo .accordion-sign {
    display: inline-block;
    width: 15px;
    text-align: center;
    /* Estilo para o ícone (pode ser substituído por Font Awesome se disponível) */
    font-size: 1.1em;
    transition: transform 0.3s ease;
}

/* Estilo para o ícone quando aberto (opcional, se usar seta) */
.link_preto_vermelho_limpo[aria-expanded="true"] .accordion-sign {
    transform: rotate(90deg); /* Exemplo de rotação para seta */
}

/* Container do conteúdo do acordeão */
.unidades_info {
    margin-left: 20px;
    padding-left: 10px;
    border-left: 2px solid #eee;
    margin-top: 10px;
    margin-bottom: 10px;
}

.unidades_info p {
    margin-bottom: 5px;
}

/* Estilo para a lista de campos (label: valor) */
.unidades_info p {
    font-size: 0.95em;
}

/* Estilo para o título "Representações Regionais do IPSM" */
.content-detail .representacoes-regionais-titulo {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
}

/* Estilo para os links de navegação inferiores (reutilizando o padrão do credenciados) */
.links-navegacao-inferior {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.link-unidade-inferior {
    text-decoration: none;
    color: inherit;
    display: block;
}

.box-link-unidade {
    /* Estilo base do bloco */
    border: 2px solid #ccc;
    padding: 20px 45px;
    text-align: center;
    font-weight: bold;
    color: #333;
    background-color: #f9f9f9;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .links-navegacao-inferior {
        gap: 5px;
    }
    .box-link-unidade {
        padding: 8px 13px;
    }
}

/* Efeito ao passar o mouse (borda vermelha e caixa sobe levemente) */
.link-unidade-inferior:hover .box-link-unidade {
    border-color: #a62d2e; /* Vermelho */
    background-color: #fff;
    color: #a62d2e;
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);

}