.help-page {
    --help-ink: #241538;
    --help-muted: #6f6681;
    --help-line: rgba(82, 48, 138, .14);
    --help-soft: #f7f4fc;
    --help-shadow: 0 18px 48px rgba(43, 25, 70, .10);
    background: linear-gradient(180deg, #fff 0, #fbfafe 54%, #fff 100%);
    color: var(--help-ink);
}

.help-page [hidden] { display: none !important; }
.help-page button, .help-page input { font: inherit; }
.help-page a, .help-page button { -webkit-tap-highlight-color: transparent; }

.help-hero {
    position: relative;
    overflow: hidden;
    padding: 78px 0 92px;
    color: #fff;
    background:
        radial-gradient(720px 360px at 91% 4%, rgba(248, 184, 33, .18), transparent 66%),
        radial-gradient(620px 320px at -4% 96%, rgba(169, 138, 230, .24), transparent 70%),
        linear-gradient(145deg, #231038 0%, #3b2162 56%, #583491 100%);
}
.help-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .18;
    background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, #000, transparent 78%);
    pointer-events: none;
}
.help-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .82fr); gap: 64px; align-items: center; }
.help-kicker { display: inline-flex; align-items: center; gap: 9px; padding: 8px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.10); color: #ffe09a; font-size: .77rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.help-hero h1 { max-width: 680px; margin: 20px 0 0; color: #fff; font-size: clamp(2.35rem, 5vw, 4.35rem); line-height: 1.02; letter-spacing: -.055em; }
.help-hero h1 span { color: #ffd76a; }
.help-hero-copy > p { max-width: 630px; margin: 23px 0 0; color: #e8def7; font-size: 1.08rem; }
.help-search-panel { padding: 22px; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; background: rgba(255,255,255,.11); box-shadow: 0 30px 70px rgba(18,8,31,.24); backdrop-filter: blur(14px); }
.help-search-label { display: block; margin: 0 0 9px; color: #fff; font-size: .84rem; font-weight: 800; }
.help-search-control { position: relative; display: flex; align-items: center; }
.help-search-control > i { position: absolute; left: 18px; color: #6d44b8; }
.help-search-control input { width: 100%; height: 62px; padding: 0 54px 0 49px; border: 0; border-radius: 15px; outline: 0; background: #fff; color: #1c1429; box-shadow: 0 16px 38px rgba(18,8,31,.18); }
.help-search-control input::placeholder { color: #8b829a; }
.help-search-control kbd { position: absolute; right: 15px; min-width: 29px; padding: 3px 7px; border: 1px solid #ded8ec; border-bottom-width: 2px; border-radius: 7px; background: #f8f7fc; color: #6b6480; text-align: center; }
.help-search-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.help-search-actions button { padding: 7px 11px; border: 1px solid rgba(255,255,255,.19); border-radius: 999px; background: rgba(255,255,255,.09); color: #fff; cursor: pointer; font-size: .78rem; font-weight: 700; }
.help-search-actions button:hover { background: #fff; color: #43276b; }

.help-shell { position: relative; }
.help-page-nav { position: relative; z-index: 2; display: inline-flex; gap: 7px; margin-top: -30px; padding: 7px; border: 1px solid var(--help-line); border-radius: 15px; background: #fff; box-shadow: var(--help-shadow); }
.help-page-nav a { display: inline-flex; align-items: center; gap: 8px; padding: 11px 16px; border-radius: 10px; color: #6f6681; font-size: .86rem; font-weight: 800; }
.help-page-nav a:hover, .help-page-nav a[aria-current="page"] { background: #52308a; color: #fff; }
.help-responses { padding: 64px 0 86px; scroll-margin-top: 90px; }
.help-section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 24px; }
.help-eyebrow { display: inline-block; color: #6d44b8; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.help-section-head h2 { margin: 4px 0 5px; color: var(--help-ink); font-size: clamp(1.65rem, 3vw, 2.2rem); letter-spacing: -.035em; }
.help-section-head p { margin: 0; color: var(--help-muted); }
.help-count { flex: none; padding: 8px 13px; border-radius: 999px; background: #f3eefb; color: #52308a; font-size: .8rem; font-weight: 800; }

.help-cat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 30px; }
.help-cat { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; gap: 12px; align-items: center; min-width: 0; padding: 15px; border: 1px solid var(--help-line); border-radius: 17px; background: #fff; box-shadow: 0 9px 24px rgba(52,29,82,.06); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.help-cat:hover { transform: translateY(-2px); border-color: rgba(109,68,184,.36); box-shadow: 0 16px 34px rgba(52,29,82,.11); }
.help-cat.is-active { border-color: rgba(109,68,184,.35); background: linear-gradient(135deg, #f7f2ff, #fff); }
.help-cat-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: linear-gradient(135deg, #8a63d2, #52308a); color: #fff; box-shadow: 0 8px 18px rgba(82,48,138,.24); }
.help-cat-content { min-width: 0; }
.help-cat-content strong, .help-cat-content small { display: block; }
.help-cat-content strong { overflow: hidden; color: #341d52; font-size: .91rem; text-overflow: ellipsis; white-space: nowrap; }
.help-cat-content small { display: -webkit-box; overflow: hidden; margin-top: 2px; color: #7a7189; font-size: .73rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.help-cat-total { min-width: 27px; padding: 3px 8px; border-radius: 999px; background: #f3eefb; color: #6d44b8; font-size: .72rem; font-weight: 800; text-align: center; }

.help-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 26px; align-items: start; }
.help-list { display: grid; gap: 12px; }
.help-art { display: grid; grid-template-columns: 48px minmax(0,1fr) 36px; gap: 15px; align-items: center; padding: 18px; border: 1px solid var(--help-line); border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(52,29,82,.06); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.help-art:hover { transform: translateY(-2px); border-color: rgba(109,68,184,.35); box-shadow: 0 16px 38px rgba(52,29,82,.11); }
.help-art-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: #f3eefb; color: #6d44b8; }
.help-art-copy { min-width: 0; }
.help-art-copy strong, .help-art-copy small { display: block; }
.help-art-category { color: #8a63d2; font-size: .69rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.help-art-copy strong { margin-top: 2px; color: #2f1a4a; font-size: .98rem; line-height: 1.35; }
.help-art-copy small { margin-top: 4px; color: #776e86; font-size: .82rem; line-height: 1.45; }
.help-art-arrow { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: #f8f7fc; color: #6d44b8; transition: transform .18s ease, background .18s ease; }
.help-art:hover .help-art-arrow { transform: translateX(2px); background: #6d44b8; color: #fff; }
.help-empty { padding: 46px 24px; border: 1px dashed rgba(109,68,184,.38); border-radius: 19px; background: #fff; text-align: center; }
.help-empty-icon { display: grid; width: 54px; height: 54px; margin: 0 auto 12px; place-items: center; border-radius: 50%; background: #f3eefb; color: #6d44b8; font-size: 1.3rem; }
.help-empty strong { display: block; color: #341d52; }
.help-empty p { margin: 5px 0 18px; color: #6f6681; font-size: .9rem; }

.help-aside { position: sticky; top: 92px; display: grid; gap: 15px; scroll-margin-top: 92px; }
.support-card { padding: 22px; border: 1px solid var(--help-line); border-radius: 21px; background: #fff; box-shadow: var(--help-shadow); }
.support-card-primary { background: linear-gradient(160deg, #fff 20%, #f5efff); }
.support-icon { display: grid; width: 48px; height: 48px; margin-bottom: 14px; place-items: center; border-radius: 15px; background: linear-gradient(135deg, #8a63d2, #52308a); color: #fff; box-shadow: 0 10px 22px rgba(82,48,138,.28); }
.support-card h2 { margin: 4px 0 8px; color: #2d1947; font-size: 1.08rem; line-height: 1.3; }
.support-card p { margin: 0 0 16px; color: #6f6681; font-size: .86rem; line-height: 1.55; }
.support-card .btn { width: 100%; padding: 12px 15px; font-size: .87rem; }
.support-card .btn + .btn { margin-top: 9px; }
.support-steps { display: grid; gap: 12px; margin: 15px 0 0; padding: 0; list-style: none; }
.support-steps li { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 10px; align-items: start; }
.support-steps li > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: #f3eefb; color: #6d44b8; font-size: .78rem; font-weight: 800; }
.support-steps strong, .support-steps small { display: block; }
.support-steps strong { color: #3b2458; font-size: .82rem; }
.support-steps small { margin-top: 1px; color: #7c738a; font-size: .74rem; line-height: 1.4; }

.help-article-hero { padding: 45px 0 62px; color: #fff; background: radial-gradient(760px 320px at 88% -12%, rgba(248,184,33,.18), transparent 65%), linear-gradient(145deg, #231038, #52308a); }
.help-breadcrumb { display: flex; align-items: center; gap: 9px; margin-bottom: 30px; color: #d9cbed; font-size: .78rem; }
.help-breadcrumb a:hover { color: #fff; }
.help-breadcrumb i { font-size: .58rem; opacity: .62; }
.help-breadcrumb span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.help-article-hero h1 { max-width: 850px; margin: 17px 0 0; color: #fff; font-size: clamp(2rem, 4.7vw, 3.65rem); line-height: 1.08; letter-spacing: -.045em; }
.help-article-hero > .contenedor > p { max-width: 760px; margin: 17px 0 0; color: #e8def7; font-size: 1.05rem; }
.help-article-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.help-article-meta span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.08); color: #f2ecfa; font-size: .77rem; font-weight: 700; }
.help-article-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 30px; align-items: start; padding-top: 46px; padding-bottom: 86px; }
.help-article-card { min-width: 0; padding: clamp(25px, 4vw, 48px); border: 1px solid var(--help-line); border-radius: 24px; background: #fff; box-shadow: var(--help-shadow); }
.help-article-content { color: #443a54; font-size: 1rem; line-height: 1.78; }
.help-article-content > :first-child { margin-top: 0; }
.help-article-content h2, .help-article-content h3, .help-article-content h4 { margin: 1.7em 0 .55em; color: #2f194a; line-height: 1.3; }
.help-article-content p, .help-article-content ul, .help-article-content ol, .help-article-content blockquote, .help-article-content pre, .help-article-content figure { margin: 0 0 1.15em; }
.help-article-content ul, .help-article-content ol { padding-left: 1.35em; }
.help-article-content a { color: #6035a2; font-weight: 700; text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .16em; }
.help-article-content blockquote { padding: 16px 18px; border-left: 4px solid #8a63d2; border-radius: 0 13px 13px 0; background: #f7f3fc; }
.help-article-content img { display: block; max-width: 100%; height: auto; margin: 22px auto; border: 1px solid #efecf6; border-radius: 16px; box-shadow: 0 12px 30px rgba(52,29,82,.09); }
.help-video { position: relative; overflow: hidden; width: 100%; margin: 24px 0; border-radius: 16px; background: #130b1f; aspect-ratio: 16/9; box-shadow: 0 16px 38px rgba(28,20,41,.18); }
.help-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.help-feedback { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px; align-items: center; margin-top: 40px; padding: 22px; border: 1px solid var(--help-line); border-radius: 18px; background: #faf8fe; }
.help-feedback h2 { margin: 3px 0 0; color: #2f194a; font-size: 1.1rem; }
.help-feedback-actions { display: flex; gap: 8px; }
.help-feedback-actions button { display: inline-flex; align-items: center; gap: 7px; padding: 9px 14px; border: 1px solid rgba(109,68,184,.23); border-radius: 10px; background: #fff; color: #52308a; cursor: pointer; font-weight: 800; }
.help-feedback-actions button:hover { border-color: #6d44b8; background: #f3eefb; }
.help-feedback-actions button:disabled { cursor: not-allowed; opacity: .56; }
.help-feedback-status { grid-column: 1 / -1; min-height: 1.35em; margin: -7px 0 0; color: #5a4e6a; font-size: .8rem; }
.help-feedback-status.is-error { color: #a62c38; }
.help-prev-next { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; margin-top: 22px; }
.help-prev-next a { display: flex; min-width: 0; min-height: 92px; flex-direction: column; justify-content: center; padding: 15px 17px; border: 1px solid var(--help-line); border-radius: 15px; background: #fff; }
.help-prev-next a:last-child { align-items: flex-end; text-align: right; }
.help-prev-next a:hover { border-color: rgba(109,68,184,.4); background: #fbf9fe; }
.help-prev-next a span { color: #7a708a; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.help-prev-next a strong { overflow: hidden; margin-top: 5px; color: #3a2158; font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }
.help-back-link { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border: 1px solid var(--help-line); border-radius: 13px; background: #fff; color: #52308a; font-size: .82rem; font-weight: 800; }

.help-page :focus-visible {
    outline: 3px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 7px #2f194a;
}

@media (max-width: 980px) {
    .help-hero-inner { grid-template-columns: 1fr; gap: 34px; }
    .help-search-panel { max-width: 680px; }
    .help-cat-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .help-layout, .help-article-layout { grid-template-columns: 1fr; }
    .help-aside { position: static; grid-template-columns: repeat(2, minmax(0,1fr)); }
    .help-article-layout .help-aside { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .help-hero { padding: 54px 0 72px; }
    .help-hero-inner { gap: 26px; }
    .help-search-panel { padding: 16px; border-radius: 19px; }
    .help-search-control input { height: 56px; padding-right: 18px; }
    .help-search-control kbd { display: none; }
    .help-page-nav { display: flex; width: calc(100% - 20px); margin-left: 10px; }
    .help-page-nav a { flex: 1; justify-content: center; padding: 10px; font-size: .77rem; }
    .help-responses { padding-top: 52px; }
    .help-section-head { display: block; }
    .help-count { display: inline-flex; margin-top: 13px; }
    .help-cat-grid { grid-template-columns: 1fr; }
    .help-cat { grid-template-columns: 40px minmax(0,1fr) auto; padding: 13px; }
    .help-cat-icon { width: 40px; height: 40px; }
    .help-art { grid-template-columns: 42px minmax(0,1fr); padding: 15px; }
    .help-art-icon { width: 42px; height: 42px; }
    .help-art-arrow { display: none; }
    .help-aside { grid-template-columns: 1fr; }
    .help-article-hero { padding: 32px 0 44px; }
    .help-breadcrumb { margin-bottom: 22px; }
    .help-breadcrumb span { display: none; }
    .help-article-layout { padding-top: 24px; padding-bottom: 60px; }
    .help-article-card { padding: 22px 18px; border-radius: 18px; }
    .help-feedback { grid-template-columns: 1fr; padding: 18px; }
    .help-feedback-status { margin-top: -4px; }
    .help-prev-next { grid-template-columns: 1fr; }
    .help-prev-next > span:empty { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .help-page *, .help-page *::before, .help-page *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
/* Portada y navegación documental inspiradas en el modelo público aprobado. */
.help-page .contenedor { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.ayuda-cabecera { position: relative; overflow: hidden; padding: 72px 0 58px; text-align: center; color: #fff; background: radial-gradient(circle at 75% 20%, rgba(255,193,49,.22), transparent 32%), linear-gradient(135deg,#241040 0%,#4d2778 55%,#6d3fb2 100%); }
.ayuda-cabecera::after { content:""; position:absolute; inset:0; opacity:.22; pointer-events:none; background-image: radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1.5px); background-size:38px 38px; mask-image:linear-gradient(90deg,transparent,#000,transparent); }
.ayuda-cabecera .contenedor { position:relative; z-index:1; }
.ayuda-cabecera .etiqueta,.help-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:7px 13px; border-radius:999px; color:#6a3ab2; background:#f2eaff; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.ayuda-cabecera h1 { margin:18px 0 10px; color:#fff; font-size:clamp(34px,5vw,58px); line-height:1.04; letter-spacing:-.04em; }
.ayuda-cabecera p { max-width:760px; margin:0 auto; color:rgba(255,255,255,.8); font-size:17px; line-height:1.65; }
.ayuda-buscador { position:relative; max-width:760px; margin:30px auto 0; }
.ayuda-buscador .lupa { position:absolute; left:22px; top:50%; z-index:1; color:#7c4dc5; transform:translateY(-50%); }
.ayuda-buscador input { width:100%; height:62px; padding:0 24px 0 54px; border:1px solid rgba(255,255,255,.65); border-radius:16px; outline:none; color:#332145; background:#fff; box-shadow:0 18px 42px rgba(21,7,42,.24); font-size:16px; }
.ayuda-buscador input:focus { border-color:#ffc130; box-shadow:0 0 0 4px rgba(255,193,48,.22),0 18px 42px rgba(21,7,42,.24); }
.ayuda-chips { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:18px; color:rgba(255,255,255,.72); font-size:13px; }
.ayuda-chips a { padding:6px 10px; border:1px solid rgba(255,255,255,.25); border-radius:999px; color:#fff; background:rgba(255,255,255,.09); }
.ayuda-tabs { display:flex; gap:8px; margin-top:-22px; padding:7px; position:relative; z-index:3; border:1px solid #ece7f4; border-radius:15px; background:#fff; box-shadow:0 13px 34px rgba(48,27,76,.12); }
.ayuda-tab { display:flex; flex:1; justify-content:center; align-items:center; gap:9px; min-height:50px; border-radius:11px; color:#72677e; font-weight:750; }
.ayuda-tab:hover,.ayuda-tab.activo { color:#fff; background:linear-gradient(135deg,#7544bd,#4d2778); }
.ayuda-panel { padding:68px 0 76px; background:#fbfafe; }
.help-model-heading { text-align:center; margin-bottom:32px; }
.help-model-heading .seccion-titulo { margin:0; color:#311b4f; font-size:32px; }
.help-model-heading .seccion-sub { margin:9px 0 0; color:#786e83; }
.kb-grilla { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.kb-cat { display:block; min-height:220px; padding:26px; border:1px solid #ebe5f3; border-radius:20px; color:#392151; background:#fff; box-shadow:0 9px 26px rgba(58,34,87,.06); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.kb-cat:hover { transform:translateY(-4px); border-color:#cdb7ec; box-shadow:0 18px 35px rgba(70,39,106,.13); }
.kb-ico { display:grid; place-items:center; width:50px; height:50px; border-radius:15px; color:#fff; font-size:20px; box-shadow:0 9px 18px rgba(80,42,128,.2); }
.kb-cat h3 { margin:18px 0 7px; color:#30194c; font-size:20px; }
.kb-cat p { min-height:48px; margin:0 0 18px; color:#766d80; line-height:1.55; }
.kb-cat .conteo { color:#7043ae; font-size:13px; font-weight:750; }
.kb-popular { margin-top:42px; overflow:hidden; border:1px solid #e9e3f1; border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(58,34,87,.06); }
.kb-popular > h3 { margin:0; padding:20px 23px; border-bottom:1px solid #eee8f4; color:#35204d; font-size:18px; }
.kb-popular > h3 i { margin-right:8px; color:#f5a900; }
.kb-articulo { display:grid; grid-template-columns:34px minmax(0,1fr) auto 20px; align-items:center; gap:12px; padding:18px 23px; border-bottom:1px solid #f0ebf5; color:#3e3150; transition:background .18s ease,color .18s ease; }
.kb-articulo:last-child { border-bottom:0; }
.kb-articulo:hover { color:#6533aa; background:#faf7ff; }
.kb-articulo .a-ico { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:#7544bd; background:#f1e9ff; }
.kb-articulo .a-tit { font-weight:720; }
.kb-articulo .a-tag { padding:5px 9px; border-radius:999px; color:#6e5b84; background:#f3eff7; font-size:12px; }
.kb-articulo .a-flecha { color:#a399ad; font-size:12px; }
.kb-vacio { padding:30px; text-align:center; color:#7c7186; }
.help-model-support { padding:60px 0; color:#fff; background:linear-gradient(135deg,#2a143f,#573087); }
.help-model-support-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:30px; }
.help-model-support h2 { margin:14px 0 8px; color:#fff; font-size:31px; }
.help-model-support p { max-width:720px; margin:0; color:rgba(255,255,255,.76); line-height:1.6; }
.help-model-support-actions { display:flex; gap:10px; flex-wrap:wrap; }
.help-model-support .btn { border-radius:12px; }
.help-docs-page { min-height:70vh; background:#fbfafe; }
.help-docs-section { padding:44px 0 82px; }
.migas { display:flex; align-items:center; gap:10px; margin-bottom:24px; color:#86788f; font-size:13px; }
.migas a { color:#6e3caf; font-weight:750; }
.migas .sep { color:#c2b8cb; }
.docs-layout { display:grid; grid-template-columns:285px minmax(0,1fr); gap:30px; align-items:start; }
.docs-side { position:sticky; top:92px; overflow:hidden; border:1px solid #e9e2f1; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(58,34,87,.06); }
.ds-tit { display:grid; gap:4px; padding:18px 20px 14px; color:#9a8da5; font-size:12px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.ds-tit small { color:#8f8499; font-size:10px; font-weight:650; letter-spacing:0; line-height:1.4; text-transform:none; }
.ds-cat { animation:helpSidebarItemIn .42s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(70ms + (var(--help-order, 0) * 45ms)); }
.ds-cat > a { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:10px; align-items:center; padding:13px 18px; color:#51435e; border-left:3px solid transparent; transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease; }
.ds-cat > a:hover,.ds-cat.activa > a { color:#6533aa; border-left-color:#7544bd; background:#f7f2ff; }
.ds-cat > a:hover { transform:translateX(2px); }
.ds-ic { text-align:center; color:#8a63c1; }
.ds-count { min-width:24px; padding:3px 7px; border-radius:999px; text-align:center; color:#7b6c88; background:#f1edf5; font-size:11px; }
.ds-arts { padding:2px 18px 14px 55px; background:#faf8fd; }
.ds-arts a { position:relative; display:block; padding:7px 8px 7px 14px; border-radius:8px; color:#786b84; font-size:12px; line-height:1.4; transition:color .18s ease,background .18s ease,transform .18s ease; }
.ds-arts a::before { content:""; position:absolute; top:50%; left:1px; width:5px; height:5px; border-radius:999px; background:#c7b8d8; transform:translateY(-50%) scale(.7); transition:height .18s ease,background .18s ease,transform .18s ease; }
.ds-arts a:hover { color:#6533aa; background:#f3ecfb; transform:translateX(2px); }
.ds-arts a.is-current { color:#4d247c; background:linear-gradient(90deg,#eee3fb,#f9f6fd); font-weight:800; }
.ds-arts a.is-current::before { height:16px; background:#7544bd; transform:translateY(-50%) scale(1); }
.help-article-shell { display:grid; grid-template-columns:285px minmax(0,1fr); gap:30px; align-items:start; }
.help-article-shell > .docs-side { margin-top:46px; }
.help-article-main { min-width:0; }
.help-article-shell .help-article-layout { grid-template-columns:minmax(0,1fr); }
.help-article-shell .help-aside { position:static; }
.help-motion-sidebar { animation:helpSidebarIn .55s cubic-bezier(.2,.8,.2,1) both; }
.help-motion-content { animation:helpContentIn .58s .08s cubic-bezier(.2,.8,.2,1) both; }
.help-motion-content:hover { border-color:rgba(109,68,184,.22); box-shadow:0 23px 58px rgba(43,25,70,.13); }
.help-article-shell .support-card { transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.help-article-shell .support-card:hover { transform:translateY(-3px); border-color:rgba(109,68,184,.26); box-shadow:0 20px 44px rgba(43,25,70,.12); }
@keyframes helpSidebarIn { from { opacity:0; transform:translate3d(-18px,12px,0); } to { opacity:1; transform:none; } }
@keyframes helpSidebarItemIn { from { opacity:0; transform:translateX(-9px); } to { opacity:1; transform:none; } }
@keyframes helpContentIn { from { opacity:0; transform:translate3d(0,18px,0); } to { opacity:1; transform:none; } }
.docs-cat-head { padding:30px; border:1px solid #e8e1f0; border-radius:20px; background:linear-gradient(135deg,#fff,#fbf7ff); box-shadow:0 10px 28px rgba(58,34,87,.05); }
.docs-cat-head h1 { margin:14px 0 8px; color:#311b4f; font-size:35px; letter-spacing:-.02em; }
.docs-cat-head p { margin:0; color:#776c81; line-height:1.6; }
.help-docs-list { margin-top:18px; }
.help-docs-support { margin-top:18px; padding:25px; border:1px solid #eadff4; border-radius:18px; background:#f7f1ff; }
.help-docs-support h4 { margin:0 0 7px; color:#371f52; font-size:18px; }
.help-docs-support p { margin:0 0 16px; color:#766b80; }

@media (max-width:920px) {
    .kb-grilla { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .docs-layout { grid-template-columns:1fr; }
    .docs-side { position:static; }
    .help-article-shell { grid-template-columns:1fr; gap:0; }
    .help-article-shell > .docs-side { margin-top:24px; }
    .help-article-shell .help-article-layout { padding-top:20px; }
    .help-model-support-grid { grid-template-columns:1fr; }
}
@media (max-width:640px) {
    .help-page .contenedor { width:min(100% - 24px,1180px); }
    .ayuda-cabecera { padding:54px 0 48px; }
    .ayuda-cabecera p { font-size:15px; }
    .ayuda-buscador input { height:56px; font-size:14px; }
    .ayuda-tabs { flex-direction:column; margin-top:-18px; }
    .ayuda-panel { padding-top:48px; }
    .kb-grilla { grid-template-columns:1fr; }
    .kb-cat { min-height:0; }
    .kb-articulo { grid-template-columns:34px minmax(0,1fr) 16px; padding:16px; }
    .kb-articulo .a-tag { display:none; }
    .help-model-support-actions { flex-direction:column; }
    .help-model-support-actions .btn { justify-content:center; }
    .docs-cat-head { padding:24px 20px; }
    .docs-cat-head h1 { font-size:29px; }
}