/* ============================================================================
   Contafácil — Página de Ayuda (/ayuda)
   Se apoya en marketing.css (mk-*) y en los componentes .accordion-* ya
   usados en /planes y /como-funciona (new_style.css).
   ============================================================================ */

.ayuda-search {
    position: relative;
    max-width: 560px;
    margin: 0 auto 1.75rem;
}
.ayuda-search i {
    position: absolute; left: 1.1rem; top: 50%; transform: translateY(-50%);
    color: var(--cf-muted); font-size: .95rem;
}
.ayuda-search input {
    width: 100%; font-family: 'Gantari', sans-serif; font-size: .95rem;
    padding: .9rem 1.1rem .9rem 2.6rem; border-radius: 999px;
    border: 1.5px solid var(--cf-border); background: var(--cf-surface);
    outline: none; transition: border-color .15s, box-shadow .15s;
}
.ayuda-search input:focus {
    border-color: var(--cf-primary); box-shadow: 0 0 0 .2rem rgba(22,131,240,.15);
}

.ayuda-cats {
    display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem;
    margin-bottom: 2.5rem;
}
.ayuda-cat-pill {
    font-family: 'Gantari', sans-serif; font-size: .85rem; font-weight: 700;
    color: var(--cf-secondary) !important; background: var(--cf-secondary-soft, #EEF1F8);
    border: 1px solid var(--cf-border); padding: .5rem 1.1rem; border-radius: 999px;
    text-decoration: none !important; transition: background .15s, color .15s;
}
.ayuda-cat-pill:hover { background: var(--cf-primary); color: #fff !important; }

.ayuda-cat { max-width: 900px; margin: 0 auto 3rem; scroll-margin-top: 140px; }
.ayuda-cat-head {
    display: flex; align-items: center; gap: .9rem; margin-bottom: 1rem;
}
.ayuda-cat-head h2 {
    font-family: 'Gantari', sans-serif; font-weight: 800; letter-spacing: -.01em;
    font-size: clamp(1.2rem, 2.4vw, 1.5rem); margin: 0; color: var(--cf-ink);
}
.ayuda-cat .accordion-container { margin-bottom: 0; }
.ayuda-cat .accordion-title h2 {
    font-size: 1.05rem; line-height: 1.5; padding: 1rem 2.2rem 1rem .25rem;
}
.ayuda-cat .accordion-content p {
    font-size: .92rem; line-height: 1.65; padding: 0 .25rem 1.1rem;
    color: var(--cf-muted);
}
.ayuda-item.ayuda-hidden { display: none; }