/* Estilos de marca e componentes customizados da Alligare.
   Compartilhado por todas as páginas do site (ver css/tailwind.min.css para as utilities). */

:root {
    --alligare-blue: #003d75;
    --alligare-rose: #a9647a;
    --alligare-gray: #b2b2b2;
    --alligare-light-rose: #f3e9ec;
}

body {
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    background-color: #f5f3ef; /* off-white Alligare */
}

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.text-alligare-blue { color: var(--alligare-blue); }
.bg-alligare-blue { background-color: var(--alligare-blue); }
.text-alligare-rose { color: var(--alligare-rose); }
.bg-alligare-rose { background-color: var(--alligare-rose); }
.bg-alligare-light-rose { background-color: var(--alligare-light-rose); }
.border-alligare-rose { border-color: var(--alligare-rose); }

.nav-link {
    position: relative;
    transition: color 0.3s;
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--alligare-rose);
    transition: width 0.3s ease-in-out;
}
.nav-link:hover::after {
    width: 100%;
}

/* Animação para o dropdown */
.dropdown {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0.2s;
}
.group:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Estilo do Acordeão (páginas de serviços) */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

/* Imagem de fundo da seção Hero (index.html) */
#hero {
    background-image: linear-gradient(rgba(0, 61, 117, 0.7), rgba(0, 61, 117, 0.7)), url('../img/hero-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Abas do Blog (blog.html) */
.tab-button.active {
    border-color: var(--alligare-rose);
    color: var(--alligare-rose);
    font-weight: 700;
}

/* Efeito de sombra no botão CTA (páginas de oferta/upsell/obrigado) */
.cta-button {
    box-shadow: 0 4px 14px 0 rgba(169, 100, 122, 0.39);
}
.cta-button:hover {
    box-shadow: 0 6px 20px 0 rgba(169, 100, 122, 0.5);
}

/* Conteúdo de artigo do blog */
.article-content h3 {
    font-size: 1.5rem; /* text-2xl */
    font-weight: 700; /* font-bold */
    color: var(--alligare-blue);
    margin-top: 2rem; /* mt-8 */
    margin-bottom: 1rem; /* mb-4 */
}
.article-content p {
    margin-bottom: 1rem; /* mb-4 */
    line-height: 1.75; /* leading-relaxed */
    color: #475569; /* text-slate-600 */
}
.article-content ul {
    list-style-type: disc;
    margin-left: 1.5rem; /* ml-6 */
    margin-bottom: 1rem; /* mb-4 */
}
.article-content li {
    margin-bottom: 0.5rem; /* mb-2 */
}