/* ============================================================
   ajuda.css  —  Estilos da página Central de Ajuda
   Usado em: home/templates/home/ajuda.html
   ============================================================ */

/* ── Hero ── */
.ajuda-hero {
    background: linear-gradient(160deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
    padding: 3.5rem 0 2rem;
    color: #fff;
}
.ajuda-hero h1 { font-weight: 800; font-size: 2rem; }
.ajuda-hero p  { color: rgba(255,255,255,.65); font-size: 1rem; }

/* ── Cards de acesso rápido ── */
.card-ajuda {
    border-radius: 16px;
    border: none;
    height: 100%;
    transition: transform .2s, box-shadow .2s;
}
.card-ajuda:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,.12) !important;
}
.card-ajuda .icon-circle {
    width: 56px; height: 56px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.card-ajuda h5 { font-weight: 700; font-size: 1.1rem; }
.card-ajuda p  { font-size: .9rem; color: var(--bs-secondary-color); }
.card-ajuda .contact-item {
    display: flex; align-items: center; gap: .6rem;
    font-size: .92rem; margin-bottom: .4rem;
}

/* ── Seção FAQ ── */
.faq-section { padding: 3rem 0; }

.faq-categoria {
    font-size: .72rem; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--bs-primary);
    margin-bottom: 1rem; margin-top: 2rem;
}

.accordion-button {
    font-weight: 600;
    font-size: .97rem;
}
.accordion-button:not(.collapsed) {
    background: var(--bs-primary-bg-subtle);
    color: var(--bs-primary);
}
.accordion-body {
    font-size: .93rem;
    line-height: 1.7;
    color: var(--bs-secondary-color);
}

/* ── Cards mobile: scroll horizontal ── */
@media (max-width: 767px) {
    .cards-scroll {
        display: flex;
        overflow-x: auto;
        gap: 1rem;
        padding-bottom: .5rem;
        scroll-snap-type: x mandatory;
    }
    .cards-scroll .card-wrap {
        min-width: 80vw;
        scroll-snap-align: start;
    }
    .cards-scroll::-webkit-scrollbar { display: none; }
}