/**
 * Registro Social de Hogares (RSH) — diseño v2. Encolado SOLO en
 * page-servicio-rsh.php (ver inc/registro-social-hogares.php).
 *
 * Origen: plantillas/rsh-v2/registro-social-hogares-v2.html. Adaptaciones:
 * - Prefijo .rsh2- y todo acotado a .rsh2-page (main.css ya define .hero,
 *   .tag, header, nav, .btn...).
 * - Tipografía del sitio (Montserrat / Open Sans, ya cargadas) y sin cambiar
 *   el tamaño base de html.
 * - La sub-navegación se pega debajo del header del sitio (que también es
 *   sticky): rsh.js fija --rsh2-top con su altura. En celular no se pega.
 */

.rsh2-page{
  --rsh2-navy-950:#071637;--rsh2-navy-900:#0B2257;--rsh2-navy-800:#12306F;--rsh2-navy-700:#1A4094;--rsh2-navy-600:#2552B5;--rsh2-navy-100:#DCE5F6;--rsh2-navy-50:#EEF2FA;
  --rsh2-gold:#F0C40A;--rsh2-gold-100:#FCEFB4;--rsh2-gold-50:#FFF9E3;
  --rsh2-green:#1F7A4D;--rsh2-green-50:#E7F4EC;--rsh2-blue-50:#E8F0FD;
  --rsh2-paper:#F5F7FA;--rsh2-surface:#fff;--rsh2-ink:#111A2E;--rsh2-ink-2:#3A4560;--rsh2-muted:#5B6680;--rsh2-rule:#DCE2EC;
  --rsh2-f-d:Montserrat,Arial,sans-serif;--rsh2-f-b:"Open Sans","Segoe UI",Roboto,Arial,sans-serif;
  --rsh2-shadow:0 1px 2px rgba(11,34,87,.06),0 14px 34px -16px rgba(11,34,87,.25);
  --rsh2-top:0px;
  background:var(--rsh2-paper);color:var(--rsh2-ink);font-family:var(--rsh2-f-b);font-size:17px;line-height:1.62;overflow-x:clip
}
.rsh2-page *{box-sizing:border-box}
.rsh2-page :where(h1,h2,h3){font-family:var(--rsh2-f-d);margin:0;color:var(--rsh2-navy-900);letter-spacing:-.015em;text-wrap:balance}
.rsh2-page h3{line-height:1.15}
.rsh2-page :where(p){margin:0}
.rsh2-page section{padding:0}
.rsh2-page :where(a){color:var(--rsh2-navy-700)}
.rsh2-page :focus-visible{outline:3px solid var(--rsh2-gold);outline-offset:3px;border-radius:8px}
.rsh2-page [hidden]{display:none!important}
.rsh2-page nav.sanignacio-bc{display:block}
.rsh2-wrap{max-width:1180px;margin-inline:auto;padding-inline:24px}
@media(max-width:640px){.rsh2-wrap{padding-inline:16px}}
.rsh2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Íconos Phosphor duotono */
.rsh2-ph{width:100%;height:100%;display:block}
.rsh2-ph .rsh2-duo{fill:var(--rsh2-gold);opacity:.95}
/* Alto contraste: main.css pinta todo el SVG de amarillo; la capa de color taparía el trazo. */
body.alto-contraste .rsh2-ph .rsh2-duo{display:none}
.rsh2-i{display:inline-grid;place-items:center;flex:none;width:22px;height:22px}

/* Marcas de revisión (solo editores) */
.rsh2-page mark.rsh2-pend{display:inline-block;background:#FFF4C2;color:#7A1F12;font:700 .78rem/1.5 var(--rsh2-f-b);outline:2px dashed #D2452F;outline-offset:1px;border-radius:4px;padding:0 5px;white-space:nowrap;vertical-align:middle;margin-inline:.3em}
.rsh2-pend-txt{background:#FFF4C2;outline:2px dashed #D2452F;outline-offset:2px;border-radius:4px;padding:0 4px}
.rsh2-review{background:#D2452F;color:#fff;text-align:center;font:700 .82rem/1.5 var(--rsh2-f-d);padding:8px 16px;letter-spacing:.02em}
.rsh2-review mark.rsh2-pend{outline-color:#fff;margin-inline:.4em}

/* Botones */
.rsh2-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:12px;text-decoration:none;font:700 .95rem/1.2 var(--rsh2-f-d);transition:transform .2s,background-color .2s,box-shadow .2s;border:0;cursor:pointer}
.rsh2-btn .rsh2-i{width:20px;height:20px}
.rsh2-page a.rsh2-btn-y{background:var(--rsh2-gold);color:var(--rsh2-navy-900);box-shadow:0 10px 24px -12px rgba(240,196,10,.8)}
.rsh2-btn-y .rsh2-ph .rsh2-duo{fill:var(--rsh2-navy-900);opacity:.25}
.rsh2-page a.rsh2-btn-y:hover{transform:translateY(-2px);background:#FFD22E}
.rsh2-page a.rsh2-btn-o{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.35)}
.rsh2-page a.rsh2-btn-o:hover{background:rgba(255,255,255,.16)}
.rsh2-page a.rsh2-btn-n{background:var(--rsh2-navy-900);color:#fff}
.rsh2-page a.rsh2-btn-n:hover{background:var(--rsh2-navy-700);transform:translateY(-1px)}
.rsh2-page a.rsh2-btn-l{background:var(--rsh2-navy-50);color:var(--rsh2-navy-900)}
.rsh2-page a.rsh2-btn-l:hover{background:var(--rsh2-navy-100)}
.rsh2-page a.rsh2-btn-g{background:var(--rsh2-green);color:#fff}
.rsh2-page a.rsh2-btn-g:hover{background:#17663F;transform:translateY(-1px)}
.rsh2-btn-g .rsh2-ph .rsh2-duo{fill:#fff;opacity:.3}

/* Portada */
/* Fondo: imagen (assets/img/rsh/hero-rsh.*) anclada a la derecha y ajustada al alto
 * del hero; a lo ancho nunca se agranda de más, el resto lo cubre --rsh2-hero-c,
 * que es el azul liso del borde izquierdo de la imagen (sin costura ni parpadeo). */
.rsh2-hero{--rsh2-hero-c:#0B2459;position:relative;background:var(--rsh2-hero-c);color:#fff;overflow:hidden;isolation:isolate}
.rsh2-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.rsh2-hero-bg img{position:absolute;top:0;right:0;height:100%;width:auto;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%);mask-image:linear-gradient(90deg,transparent,#000 12%)}
/* Velo hacia la izquierda: asegura contraste del texto si roza la escena. */
.rsh2-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--rsh2-hero-c) 0,var(--rsh2-hero-c) 30%,rgba(11,36,89,0) 58%)}
body.alto-contraste .rsh2-hero-bg{display:none}
/* Escritorio angosto: el texto alcanza la escena, el velo avanza más. */
@media(min-width:901px) and (max-width:1279px){
  .rsh2-hero-bg::after{background:linear-gradient(90deg,var(--rsh2-hero-c) 0,var(--rsh2-hero-c) 45%,rgba(11,36,89,0) 80%)}
}
/* Celular/tablet: el texto ocupa todo el ancho, así que la escena baja al pie del
 * hero (detrás de la tarjeta de atención) y se funde hacia arriba. */
@media(max-width:900px){
  .rsh2-hero-bg img{top:auto;bottom:0;height:auto;width:max(140%,520px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%)}
  .rsh2-hero-bg::after{background:linear-gradient(180deg,var(--rsh2-hero-c) 0,var(--rsh2-hero-c) 55%,rgba(11,36,89,.6) 80%,rgba(11,36,89,.25) 100%)}
}
.rsh2-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center;padding-block:64px 72px}
.rsh2-kick{display:inline-flex;align-items:center;gap:10px;font:800 .72rem/1.2 var(--rsh2-f-d);letter-spacing:.2em;text-transform:uppercase;color:var(--rsh2-gold)}
.rsh2-kick::before{content:"";width:30px;height:2px;background:currentColor}
.rsh2-hero h1{margin-top:14px;color:#fff;font-weight:900;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.02}
.rsh2-sub{margin-top:14px;font:600 clamp(1.05rem,1.8vw,1.3rem)/1.35 var(--rsh2-f-d);color:var(--rsh2-gold-100)}
.rsh2-lead{margin-top:14px;color:rgba(255,255,255,.85);max-width:56ch}
.rsh2-ctas{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}
.rsh2-facts{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;color:rgba(255,255,255,.85);font-size:.9rem}
.rsh2-facts li{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.rsh2-facts .rsh2-i{width:20px;height:20px;color:#fff}
.rsh2-logo-card{justify-self:end;align-self:end;width:100%;max-width:340px;background:#fff;border-radius:22px;padding:26px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);text-align:center;color:var(--rsh2-ink)}
.rsh2-logo-link{display:block;width:180px;max-width:100%;margin:0 auto;border-radius:12px}
.rsh2-logo-link picture{display:block}
.rsh2-logo{display:block;width:100%;height:auto}
/* Alto contraste (fondo negro): placa blanca detrás del logo para que sus letras
   oscuras y rosadas se lean; el logo conserva sus colores (sin el gris de main.css). */
body.alto-contraste .rsh2-page .rsh2-logo-link,body.alto-contraste .rsh2-page .rsh2-logo-link picture{background:#fff!important;text-decoration:none!important}
body.alto-contraste .rsh2-page .rsh2-logo-link{padding:10px}
body.alto-contraste .rsh2-page .rsh2-logo{filter:none}
.rsh2-logo-slot{aspect-ratio:16/9;border-radius:14px;border:2px dashed #D2452F;background:#FFF4C2;display:grid;place-content:center;gap:4px;padding:12px;font:800 .82rem/1.3 var(--rsh2-f-d);color:#9A2A1A;letter-spacing:.02em}
.rsh2-logo-slot small{font:600 .72rem/1.3 var(--rsh2-f-b);color:#7A1F12}
.rsh2-logo-card p{margin-top:14px;font-size:.88rem;color:var(--rsh2-muted)}
.rsh2-logo-card p:first-child{margin-top:0}
.rsh2-logo-card b{display:block;margin-top:2px;font:700 .98rem var(--rsh2-f-d);color:var(--rsh2-navy-900)}
@media(max-width:900px){
  .rsh2-hero-in{grid-template-columns:1fr;padding-block:46px 52px}
  .rsh2-logo-card{justify-self:stretch;max-width:none;display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:center;text-align:left;padding:16px}
  .rsh2-logo-card p{margin-top:0}
  .rsh2-logo-slot{font-size:.66rem}
  .rsh2-logo-slot small{display:none}
}
@media(max-width:400px){.rsh2-logo-card{grid-template-columns:110px minmax(0,1fr)}}
/* Sin logo para mostrar (visitante, logo aún no cargado): solo texto, a todo el ancho. */
.rsh2-logo-card.rsh2-logo-card--solo-texto{display:block;text-align:left;padding:20px 22px}
.rsh2-logo-card--solo-texto p{margin-top:0}
@media(min-width:901px){.rsh2-logo-card.rsh2-logo-card--solo-texto{text-align:center}}

/* Sub-navegación */
.rsh2-snav{position:sticky;top:var(--rsh2-top);z-index:20;background:rgba(245,247,250,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rsh2-rule)}
.rsh2-snav ul{list-style:none;margin:0;padding:10px 0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.rsh2-snav ul::-webkit-scrollbar{display:none}
.rsh2-snav a{display:block;white-space:nowrap;padding:8px 14px;border-radius:999px;text-decoration:none;font:650 .86rem/1.2 var(--rsh2-f-d);color:var(--rsh2-ink-2)}
.rsh2-snav a:hover{background:var(--rsh2-navy-50);color:var(--rsh2-navy-900)}
.rsh2-snav a.rsh2-on{background:var(--rsh2-navy-900);color:#fff}
@media(max-width:900px){.rsh2-snav{position:static}}

/* Secciones */
.rsh2-page section.rsh2-sec{padding:72px 0;scroll-margin-top:calc(var(--rsh2-top) + 60px)}
.rsh2-alt{background:#fff}
.rsh2-sh{max-width:720px;margin-bottom:30px}
.rsh2-sh .rsh2-kick,.rsh2-about .rsh2-kick{color:var(--rsh2-navy-600)}
.rsh2-sh h2,.rsh2-about h2{margin-top:10px;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800;line-height:1.1}
.rsh2-sh p{margin-top:10px;color:var(--rsh2-ink-2);font-size:1.05rem}
@media(max-width:640px){.rsh2-page section.rsh2-sec{padding:54px 0}}

/* Paso 1: ¿Qué necesitas hacer? */
.rsh2-tasks{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}
.rsh2-tlist{display:grid;gap:10px}
.rsh2-tbtn{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:14px 16px;border-radius:16px;border:1.5px solid var(--rsh2-rule);background:#fff;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,box-shadow .2s,background-color .2s}
.rsh2-tbtn .rsh2-i{width:52px;height:52px;border-radius:14px;background:var(--rsh2-navy-50);padding:11px;color:var(--rsh2-navy-800)}
.rsh2-tbtn strong{display:block;font:750 1.02rem/1.25 var(--rsh2-f-d);color:var(--rsh2-navy-900)}
.rsh2-tbtn small{display:block;color:var(--rsh2-muted);font-size:.84rem;margin-top:2px}
.rsh2-tbtn:hover{border-color:var(--rsh2-navy-600)}
.rsh2-tbtn[aria-selected="true"]{border-color:var(--rsh2-navy-900);background:var(--rsh2-navy-900);box-shadow:var(--rsh2-shadow)}
.rsh2-tbtn[aria-selected="true"] strong{color:#fff}
.rsh2-tbtn[aria-selected="true"] small{color:rgba(255,255,255,.75)}
.rsh2-tbtn[aria-selected="true"] .rsh2-i{background:rgba(255,255,255,.12);color:#fff}
.rsh2-chips{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.rsh2-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font:700 .68rem/1.4 var(--rsh2-f-d);letter-spacing:.02em;white-space:nowrap}
.rsh2-chip-on{background:var(--rsh2-green-50);color:var(--rsh2-green)}
.rsh2-chip-pr{background:var(--rsh2-blue-50);color:var(--rsh2-navy-700)}
.rsh2-tbtn[aria-selected="true"] .rsh2-chip-on{background:rgba(31,122,77,.25);color:#BFF0D3}
.rsh2-tbtn[aria-selected="true"] .rsh2-chip-pr{background:rgba(255,255,255,.14);color:#D8E4FB}
.rsh2-tpanels{position:sticky;top:calc(var(--rsh2-top) + 76px)}
.rsh2-tpanel{scroll-margin-top:calc(var(--rsh2-top) + 70px);background:#fff;border:1px solid var(--rsh2-rule);border-radius:22px;box-shadow:var(--rsh2-shadow);overflow:hidden}
.rsh2-top{padding:26px 28px 20px;background:linear-gradient(135deg,var(--rsh2-navy-50),#fff);border-bottom:1px solid var(--rsh2-rule)}
.rsh2-top .rsh2-row{display:flex;align-items:center;gap:14px}
.rsh2-top .rsh2-i{width:58px;height:58px;border-radius:16px;background:var(--rsh2-navy-900);padding:12px;color:#fff}
.rsh2-tpanel h3{font-size:1.45rem;font-weight:800}
.rsh2-top p{margin-top:12px;color:var(--rsh2-ink-2)}
.rsh2-body{padding:22px 28px 26px;display:grid;gap:16px}
.rsh2-how{display:grid;gap:10px}
.rsh2-how .rsh2-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.rsh2-how .rsh2-i{width:30px;height:30px;color:var(--rsh2-navy-700)}
.rsh2-how b{font-family:var(--rsh2-f-d);color:var(--rsh2-navy-900)}
.rsh2-how p{color:var(--rsh2-ink-2);font-size:.95rem}
.rsh2-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--rsh2-gold-50);border:1px solid var(--rsh2-gold-100);font-size:.9rem;color:var(--rsh2-ink-2)}
.rsh2-note .rsh2-i{color:var(--rsh2-navy-800)}
.rsh2-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--rsh2-navy-50);border-left:4px solid var(--rsh2-navy-700);font:600 .95rem/1.5 var(--rsh2-f-b);color:var(--rsh2-navy-900)}
.rsh2-alert .rsh2-i{color:var(--rsh2-navy-700)}
.rsh2-dpanel>.rsh2-alert{margin-bottom:18px;max-width:880px}
.rsh2-acts{display:flex;flex-wrap:wrap;gap:10px}
.rsh2-fade{animation:rsh2-fade .35s ease}
@keyframes rsh2-fade{from{opacity:0;transform:translateY(6px)}}
@media(max-width:900px){.rsh2-tasks{grid-template-columns:1fr}.rsh2-tpanels{position:static}}
@media(max-width:480px){
  .rsh2-tbtn{grid-template-columns:44px minmax(0,1fr)}
  .rsh2-tbtn .rsh2-i{width:44px;height:44px;padding:9px}
  .rsh2-tbtn .rsh2-chips{grid-column:2;justify-content:flex-start}
  .rsh2-top,.rsh2-body{padding-inline:18px}
  .rsh2-acts .rsh2-btn{width:100%;justify-content:center}
}

/* Paso 2: en línea o en la oficina */
.rsh2-ways{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rsh2-way{border-radius:22px;padding:30px;background:#fff;border:1px solid var(--rsh2-rule);display:flex;flex-direction:column;gap:18px;scroll-margin-top:calc(var(--rsh2-top) + 70px)}
.rsh2-hd{display:flex;align-items:center;gap:14px}
.rsh2-hd .rsh2-i{width:56px;height:56px;border-radius:16px;padding:12px}
.rsh2-way-online .rsh2-hd .rsh2-i{background:var(--rsh2-green-50);color:var(--rsh2-green)}
.rsh2-way-office .rsh2-hd .rsh2-i{background:var(--rsh2-navy-50);color:var(--rsh2-navy-800)}
.rsh2-way h3{font-size:1.35rem;font-weight:800}
.rsh2-hd small{display:block;color:var(--rsh2-muted);font-size:.86rem}
.rsh2-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:rsh2s}
.rsh2-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;counter-increment:rsh2s}
.rsh2-steps li::before{content:counter(rsh2s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rsh2-green);color:#fff;font:800 .9rem var(--rsh2-f-d)}
.rsh2-steps b{font-family:var(--rsh2-f-d);color:var(--rsh2-navy-900)}
.rsh2-steps p{color:var(--rsh2-ink-2);font-size:.95rem}
.rsh2-info{display:grid;gap:12px;margin:0}
.rsh2-info .rsh2-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center}
.rsh2-info .rsh2-i{width:40px;height:40px;border-radius:12px;background:var(--rsh2-navy-50);padding:8px;color:var(--rsh2-navy-800)}
.rsh2-info dt{font:700 .7rem/1.4 var(--rsh2-f-d);letter-spacing:.12em;text-transform:uppercase;color:var(--rsh2-muted)}
.rsh2-info dd{margin:0;font-weight:600;color:var(--rsh2-navy-900);overflow-wrap:anywhere}
.rsh2-office-fallback{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;margin:0;padding:14px 16px;border-radius:14px;background:var(--rsh2-navy-50);color:var(--rsh2-ink-2);font-size:.95rem}
.rsh2-office-fallback .rsh2-i{width:40px;height:40px;border-radius:12px;background:#fff;padding:8px;color:var(--rsh2-navy-800)}
.rsh2-office-fallback a{font-weight:700;white-space:nowrap}
.rsh2-way .rsh2-acts{margin-top:auto}
@media(max-width:900px){.rsh2-ways{grid-template-columns:1fr}.rsh2-way{padding:24px 20px}}

/* Paso 3: documentos */
.rsh2-docs{background:#fff;border:1px solid var(--rsh2-rule);border-radius:22px;overflow:hidden}
.rsh2-dtabs{display:flex;gap:4px;padding:10px;background:var(--rsh2-navy-50);overflow-x:auto;scrollbar-width:none}
.rsh2-dtabs::-webkit-scrollbar{display:none}
.rsh2-dtab{flex:none;border:0;background:transparent;padding:10px 16px;min-height:44px;border-radius:12px;font:700 .88rem/1.2 var(--rsh2-f-d);color:var(--rsh2-ink-2);cursor:pointer}
.rsh2-dtab[aria-selected="true"]{background:#fff;color:var(--rsh2-navy-900);box-shadow:0 2px 8px -4px rgba(11,34,87,.3)}
.rsh2-dpanel{padding:24px 26px 26px}
.rsh2-dlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.rsh2-dlist li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;color:var(--rsh2-ink-2)}
.rsh2-dlist .rsh2-i{width:26px;height:26px;color:var(--rsh2-green)}
.rsh2-dlist .rsh2-ph .rsh2-duo{fill:var(--rsh2-green);opacity:.2}
@media(max-width:700px){.rsh2-dlist{grid-template-columns:1fr}.rsh2-dpanel{padding:20px 18px}}

/* Texto DIDECO (oct. 2026): grupos de trámites, canal, "Antes de empezar", grupos de documentos */
.rsh2-page .rsh2-tgroup{margin:10px 4px 0;font:800 .7rem/1.3 var(--rsh2-f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--rsh2-muted)}
.rsh2-page .rsh2-tgroup:first-child{margin-top:0}
.rsh2-canal{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--rsh2-navy-50);font-size:.9rem;color:var(--rsh2-ink-2)}
.rsh2-canal .rsh2-i{width:20px;height:20px;margin-top:2px;color:var(--rsh2-navy-700)}
.rsh2-canal b{font-family:var(--rsh2-f-d);color:var(--rsh2-navy-900)}
.rsh2-page .rsh2-pre-h{margin-bottom:8px;font:800 .7rem/1.3 var(--rsh2-f-d);letter-spacing:.12em;text-transform:uppercase;color:var(--rsh2-muted)}
.rsh2-pre{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rsh2-pre > div{border:1px solid var(--rsh2-rule);border-radius:14px;padding:12px 14px;background:var(--rsh2-paper)}
.rsh2-pre b{display:block;font:750 .9rem/1.3 var(--rsh2-f-d);color:var(--rsh2-navy-900)}
.rsh2-pre p{margin-top:4px;font-size:.9rem;color:var(--rsh2-ink-2)}
@media(max-width:520px){.rsh2-pre{grid-template-columns:1fr}}
.rsh2-dgroup + .rsh2-dgroup{margin-top:24px;padding-top:20px;border-top:1px solid var(--rsh2-rule)}
.rsh2-dgroup h3{margin-bottom:10px;font-size:1.02rem;font-weight:750;line-height:1.3}
.rsh2-page .rsh2-dintro{margin-bottom:12px;color:var(--rsh2-ink-2);font-size:.95rem}
.rsh2-dgroup .rsh2-dlist{grid-template-columns:1fr}
.rsh2-page .rsh2-pend-note{margin-top:14px;padding:10px 12px;border-radius:10px;background:#FFF4C2;outline:2px dashed #D2452F;outline-offset:-2px;color:#7A1F12;font-size:.88rem;max-width:880px}

/* Plazos */
.rsh2-plz{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rsh2-plzc{background:var(--rsh2-paper);border:1px solid var(--rsh2-rule);border-radius:22px;padding:28px;display:grid;gap:12px;align-content:start}
.rsh2-plzc > .rsh2-i{width:50px;height:50px;border-radius:14px;background:var(--rsh2-navy-50);padding:10px;color:var(--rsh2-navy-800)}
.rsh2-page .rsh2-big{font:900 clamp(2.6rem,6vw,3.5rem)/1 var(--rsh2-f-d);color:var(--rsh2-navy-900)}
.rsh2-big small{margin-left:8px;font:700 1rem var(--rsh2-f-d);color:var(--rsh2-navy-600)}
.rsh2-plzc h3{font-size:1.15rem;font-weight:800}
.rsh2-plzc p:not(.rsh2-big){color:var(--rsh2-ink-2)}
@media(max-width:800px){.rsh2-plz{grid-template-columns:1fr}.rsh2-plzc{padding:22px 20px}}

/* Ingreso de NNA */
.rsh2-nna{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rsh2-nnac{background:#fff;border:1px solid var(--rsh2-rule);border-radius:22px;padding:28px;display:grid;gap:16px;align-content:start}
.rsh2-nnac .rsh2-hd .rsh2-i{width:52px;height:52px;border-radius:15px;background:var(--rsh2-navy-50);padding:11px;color:var(--rsh2-navy-800)}
.rsh2-nnac h3{font-size:1.2rem;font-weight:800}
.rsh2-steps-nv li::before{background:var(--rsh2-navy-700)}
.rsh2-subl{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.rsh2-steps .rsh2-subl li{display:block;counter-increment:none;position:relative;padding-left:16px;font-size:.93rem;color:var(--rsh2-ink-2)}
.rsh2-steps .rsh2-subl li::before{content:"";display:block;position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--rsh2-gold)}
@media(max-width:800px){.rsh2-nna{grid-template-columns:1fr}.rsh2-nnac{padding:22px 20px}}

/* Qué es */
.rsh2-about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:center}
.rsh2-about > div:first-child > p{color:var(--rsh2-ink-2);font-size:1.04rem;margin-top:12px}
.rsh2-about > div:first-child > .rsh2-kick{margin-top:0}
.rsh2-tramos{background:var(--rsh2-navy-900);border-radius:22px;padding:26px;color:#fff}
.rsh2-tramos h3{color:#fff;font-size:1.1rem;font-weight:750}
.rsh2-tramos p{color:rgba(255,255,255,.8);font-size:.9rem;margin-top:6px}
.rsh2-bar{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.rsh2-bar li{height:46px;border-radius:8px;display:grid;place-items:center;font:800 .78rem var(--rsh2-f-d);color:var(--rsh2-navy-900)}
.rsh2-bar li:nth-child(1){background:#FFE27A}.rsh2-bar li:nth-child(2){background:#F9E79A}.rsh2-bar li:nth-child(3){background:#EDE9B6}.rsh2-bar li:nth-child(4){background:#D7E2EF}.rsh2-bar li:nth-child(5){background:#BDD0EA}.rsh2-bar li:nth-child(6){background:#9DB8E3}.rsh2-bar li:nth-child(7){background:#7C9FDA}
.rsh2-bar-l{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:.78rem;color:rgba(255,255,255,.75)}
@media(max-width:900px){.rsh2-about{grid-template-columns:1fr}}
@media(max-width:400px){.rsh2-bar li{font-size:.68rem;height:40px}.rsh2-tramos{padding:22px 18px}}

/* Solicitar orientación: el formulario CF7 en una tarjeta como las demás */
.rsh2-form-pend{display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:880px;margin:0 0 14px;padding:12px 16px;border-radius:12px;background:#FFF4C2;outline:2px dashed #D2452F;outline-offset:-2px;color:#7A1F12;font:700 .92rem/1.4 var(--rsh2-f-d)}
.rsh2-form-pend .rsh2-i{color:#D2452F}
.rsh2-form-pend .rsh2-ph .rsh2-duo{fill:#D2452F;opacity:.2}
.rsh2-formcard{max-width:880px;background:#fff;border:1px solid var(--rsh2-rule);border-radius:22px;box-shadow:var(--rsh2-shadow);padding:8px}
.rsh2-formcard .cf7-form-box{margin:0;border:0;box-shadow:none;background:transparent;border-radius:16px}
.rsh2-formcard .informativa-h3{font-family:var(--rsh2-f-d);color:var(--rsh2-navy-900)}

/* Preguntas frecuentes */
.rsh2-faq{display:grid;gap:10px;max-width:880px}
.rsh2-faq details{background:#fff;border:1px solid var(--rsh2-rule);border-radius:16px;overflow:hidden}
.rsh2-alt .rsh2-faq details{background:var(--rsh2-paper)}
.rsh2-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:12px;align-items:center;padding:18px 20px;font:700 1rem/1.35 var(--rsh2-f-d);color:var(--rsh2-navy-900)}
.rsh2-faq summary::-webkit-details-marker{display:none}
.rsh2-faq summary::after{content:"";width:28px;height:28px;border-radius:50%;background:var(--rsh2-navy-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2257' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s}
.rsh2-faq details[open] summary::after{transform:rotate(45deg);background-color:var(--rsh2-gold-100)}
.rsh2-ans{padding:0 20px 18px;color:var(--rsh2-ink-2)}

/* Enlaces oficiales */
.rsh2-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rsh2-page a.rsh2-lk{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px;background:#fff;border:1px solid var(--rsh2-rule);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.rsh2-alt a.rsh2-lk{background:var(--rsh2-paper)}
.rsh2-page a.rsh2-lk:hover{transform:translateY(-3px);box-shadow:var(--rsh2-shadow);border-color:transparent}
.rsh2-lk > .rsh2-i{width:44px;height:44px;border-radius:12px;background:var(--rsh2-navy-50);padding:9px;color:var(--rsh2-navy-800)}
.rsh2-lk strong{font:750 1rem var(--rsh2-f-d);color:var(--rsh2-navy-900)}
.rsh2-lk > span:not(.rsh2-i){color:var(--rsh2-muted);font-size:.9rem}
.rsh2-lk em{margin-top:auto;font:normal 700 .85rem var(--rsh2-f-d);color:var(--rsh2-navy-600);display:inline-flex;align-items:center;gap:6px;overflow-wrap:anywhere}
.rsh2-lk em .rsh2-i{width:16px;height:16px}
@media(max-width:900px){.rsh2-links{grid-template-columns:1fr}}
.rsh2-upd{margin-top:26px;color:var(--rsh2-muted);font-size:.86rem}

/* Aparición al hacer scroll: solo con JS y sin movimiento reducido */
.rsh2-js .rsh2-rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.rsh2-js .rsh2-rv.rsh2-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rsh2-page *,.rsh2-page *::before,.rsh2-page *::after{animation:none!important;transition:none!important}
  .rsh2-js .rsh2-rv{opacity:1;transform:none}
}

@media print{
  .rsh2-snav,.rsh2-review{display:none}
  .rsh2-js .rsh2-rv{opacity:1;transform:none}
  .rsh2-page [role="tabpanel"][hidden]{display:block!important}
}
