/**
 * Subsidio Único Familiar (SUF) — CSS propio, encolado SOLO en
 * page-beneficio-suf.php (ver inc/subsidio-unico-familiar.php).
 *
 * Origen: suf-san-ignacio_2.html. Adaptaciones:
 * - Prefijo .suf- en todo, para no chocar con clases genéricas de main.css
 *   (.hero, .btn, .panel, .steps, .toc, .field, etc.).
 * - Paleta del mockup mapeada a los tokens del :root global (navy/gold/green).
 *   Tipografía del sitio (Montserrat / Open Sans) en vez de Archivo / Source Sans.
 * - Sin cabecera, pie, buscador, barra de accesibilidad ni botón "volver
 *   arriba" del mockup: el sitio ya tiene los suyos. Alto contraste = la clase
 *   global body.alto-contraste (ver bloque final).
 */

.suf-page,.suf-mbar,.suf-toast,#suf-print-sheet{
  --suf-navy-900:var(--navy);
  --suf-navy-800:#12306f;
  --suf-navy-700:var(--navy2);
  --suf-navy-600:#2552b5;
  --suf-navy-100:#dce5f6;
  --suf-navy-50:#eef2fa;
  --suf-yellow:var(--gold);
  --suf-yellow-600:var(--gold2);
  --suf-yellow-100:#fcebb0;
  --suf-yellow-50:var(--gold3);
  --suf-paper:#f5f7fa;
  --suf-surface:#fff;
  --suf-ink:var(--tx);
  --suf-ink-2:#3a4560;
  --suf-muted:#5b6680;
  --suf-rule:#dce2ec;
  --suf-rule-2:#c3ccdc;
  --suf-ok:var(--green);
  --suf-ok-50:#e6f4ec;
  --suf-display:Montserrat,system-ui,sans-serif;
  --suf-body:"Open Sans",system-ui,sans-serif;
}

.suf-page{font-family:var(--suf-body);color:var(--suf-ink);font-size:16px;line-height:1.6;background:var(--suf-paper)}
.suf-page *,.suf-mbar *{box-sizing:border-box}
:where(.suf-page) :is(h1,h2,h3,h4){font-family:var(--suf-display);margin:0;text-wrap:balance;letter-spacing:-.01em}
:where(.suf-page) p{margin:0}
/* main.css trae section{padding:60px 20px} y nav{display:flex} globales. */
.suf-page section{padding:0}
.suf-page nav.suf-tasks,.suf-page nav.suf-toc{display:block}
/* Un reset posterior deja a{color:inherit;text-decoration:inherit} y ul{list-style:none}. */
.suf-page :where(a){color:var(--suf-navy-700);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.suf-page :where(a):hover{color:var(--suf-navy-900)}
.suf-page [hidden]{display:none!important}
.suf-page :focus-visible,.suf-mbar :focus-visible{outline:3px solid var(--suf-navy-600);outline-offset:3px;border-radius:4px}
.suf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.suf-i{display:inline-block;flex:none}
.suf-i svg{width:100%;height:100%;display:block}
.suf-wrap{max-width:1200px;margin-inline:auto;padding-inline:24px}
@media(max-width:640px){.suf-wrap{padding-inline:16px}}
/* main.css deja body{overflow-y:auto}, lo que anula position:sticky (índice
 * lateral). Mismo ajuste que Beca: solo en esta página. */
body:has(.suf-page){overflow:visible}
body:has(.suf-page) header{position:relative}
html:has(.suf-page){scroll-padding-top:16px}
@media (prefers-reduced-motion:reduce){
  .suf-page *,.suf-mbar,.suf-toast{transition:none!important;animation:none!important}
}

/* ---------- Botones ---------- */
.suf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.7rem 1.25rem;border-radius:8px;border:1.5px solid transparent;font:600 .95rem/1.2 var(--suf-display);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.suf-btn .suf-i{width:18px;height:18px}
.suf-page a.suf-btn-primary,.suf-btn-primary{background:var(--suf-yellow);color:var(--suf-navy-900)}
.suf-page a.suf-btn-primary:hover,.suf-btn-primary:hover{background:var(--suf-yellow-600);color:var(--suf-navy-900)}
.suf-page a.suf-btn-navy,.suf-btn-navy{background:var(--suf-navy-700);color:#fff}
.suf-page a.suf-btn-navy:hover,.suf-btn-navy:hover{background:var(--suf-navy-900);color:#fff}
.suf-page a.suf-btn-line,.suf-btn-line{background:var(--suf-surface);color:var(--suf-navy-700);border-color:var(--suf-rule-2)}
.suf-page a.suf-btn-line:hover,.suf-btn-line:hover{border-color:var(--suf-navy-700);color:var(--suf-navy-900)}
.suf-page a.suf-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.suf-page a.suf-btn-ghost:hover{background:rgba(255,255,255,.08);color:#fff}
.suf-linkbtn{background:none;border:0;padding:8px 0;color:var(--suf-navy-700);font:600 .92rem var(--suf-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* ---------- Hero ---------- */
.suf-hero{position:relative;background:var(--suf-navy-900);color:#fff;overflow:hidden;margin-top:12px}
.suf-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-62deg,rgba(255,255,255,.05) 0 1px,transparent 1px 20px);-webkit-mask-image:linear-gradient(100deg,transparent 35%,#000 90%);mask-image:linear-gradient(100deg,transparent 35%,#000 90%);pointer-events:none}
.suf-hero::after{content:"";position:absolute;right:-160px;bottom:-260px;width:620px;height:620px;border-radius:50%;background:radial-gradient(closest-side,rgba(240,196,10,.16),transparent);pointer-events:none}
.suf-hero > .suf-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;padding-block:48px 64px}
.suf-hero :focus-visible{outline-color:var(--suf-yellow)}
.suf-kicker{display:flex;align-items:center;gap:12px;font:700 .76rem/1 var(--suf-display);letter-spacing:.16em;text-transform:uppercase;color:var(--suf-yellow)}
.suf-kicker::before{content:"";width:24px;height:2px;background:currentColor}
.suf-hero h1{font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.05;font-weight:800;letter-spacing:-.025em;margin:18px 0 20px;color:#fff}
.suf-hero h1 span{color:var(--suf-yellow);font-weight:700}
.suf-lead{font-size:1.1rem;line-height:1.55;color:rgba(255,255,255,.86);max-width:52ch}
.suf-hero-meta{display:flex;flex-wrap:wrap;gap:14px 0;margin:32px 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.suf-hero-meta div{padding-right:24px;margin-right:24px;border-right:1px solid rgba(255,255,255,.14)}
.suf-hero-meta div:last-child{border-right:0;margin-right:0;padding-right:0}
.suf-hero-meta dt{font:600 .68rem/1.3 var(--suf-display);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.suf-hero-meta dd{margin:4px 0 0;font-weight:600;font-size:.95rem}
.suf-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.suf-hero-rev{margin-top:18px;font-size:.84rem;color:rgba(255,255,255,.6)}

.suf-tasks{background:var(--suf-surface);color:var(--suf-ink);border-radius:14px;padding:8px;box-shadow:0 30px 60px -24px rgba(2,10,36,.7)}
.suf-tasks :focus-visible{outline-color:var(--suf-navy-600)}
.suf-tasks-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px 8px}
.suf-tasks-head h2{font-size:1.1rem;font-weight:700;color:var(--suf-navy-900)}
.suf-tasks-head span{font-size:.78rem;color:var(--suf-muted)}
.suf-page a.suf-task{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:14px;align-items:center;padding:14px 16px;border-radius:10px;text-decoration:none;color:var(--suf-ink);transition:background-color .15s;position:relative}
.suf-task + .suf-task::before{content:"";position:absolute;top:0;left:74px;right:16px;height:1px;background:var(--suf-rule)}
.suf-page a.suf-task:hover{background:var(--suf-navy-50);color:var(--suf-ink)}
.suf-task:hover::before,.suf-task:hover + .suf-task::before{opacity:0}
.suf-task-ico{width:44px;height:44px;border-radius:10px;background:var(--suf-navy-50);color:var(--suf-navy-700);display:grid;place-items:center}
.suf-task-ico .suf-i{width:22px;height:22px}
.suf-task--primary .suf-task-ico{background:var(--suf-yellow);color:var(--suf-navy-900)}
.suf-task:hover .suf-task-ico{background:var(--suf-surface)}
.suf-task--primary:hover .suf-task-ico{background:var(--suf-yellow)}
.suf-task strong{display:block;font:700 1rem/1.25 var(--suf-display);color:var(--suf-navy-900)}
.suf-task small{display:block;font-size:.86rem;line-height:1.35;color:var(--suf-muted);margin-top:3px;overflow-wrap:anywhere}
.suf-task small b{color:var(--suf-navy-600);font-weight:600}
.suf-task-go{width:18px;height:18px;color:var(--suf-rule-2);transition:transform .15s,color .15s}
.suf-task:hover .suf-task-go{color:var(--suf-navy-700);transform:translateX(3px)}

@media(max-width:960px){.suf-hero > .suf-wrap{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:32px 40px}}
@media(max-width:560px){
  .suf-tasks-head span{display:none}
  .suf-hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .suf-hero-meta div{border:0;margin:0;padding:0}
  .suf-hero-cta .suf-btn{flex:1 1 100%}
}

/* ---------- Estructura ---------- */
.suf-layout{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:80px;align-items:start;padding-block:72px 110px}
.suf-aside{grid-column:2;grid-row:1;align-self:stretch;display:flex;flex-direction:column;gap:32px}
.suf-toc{position:sticky;top:24px}
.suf-main{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:96px;min-width:0}
@media(max-width:1020px){
  .suf-layout{grid-template-columns:minmax(0,1fr);gap:64px;padding-block:40px 96px}
  .suf-aside,.suf-main{grid-column:1;grid-row:auto}
  .suf-page nav.suf-toc{display:none}
  .suf-main{gap:80px}
}
.suf-sec{scroll-margin-top:24px}
.suf-sec-head{max-width:62ch;margin-bottom:32px}
.suf-eyebrow{display:flex;align-items:center;gap:10px;font:700 .74rem/1 var(--suf-display);letter-spacing:.16em;text-transform:uppercase;color:var(--suf-navy-600)}
.suf-eyebrow::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--suf-yellow)}
.suf-sec-head h2{font-size:clamp(1.55rem,3vw,1.95rem);line-height:1.15;font-weight:800;color:var(--suf-navy-900);margin:14px 0 12px;border-radius:4px}
.suf-sec-head p{font-size:1.04rem;color:var(--suf-muted)}
.suf-flash .suf-sec-head h2{animation:sufFlashText 1.8s ease}
@keyframes sufFlashText{0%,100%{background:transparent;box-shadow:none}25%{background:var(--suf-yellow-100);box-shadow:0 0 0 6px var(--suf-yellow-100)}}

.suf-note{display:flex;gap:12px;margin-top:24px;padding:14px 18px;border-radius:10px;background:var(--suf-navy-50);font-size:.93rem;color:var(--suf-ink-2)}
.suf-note .suf-i{width:20px;height:20px;color:var(--suf-navy-600);margin-top:2px}

.suf-panel{background:var(--suf-surface);border:1px solid var(--suf-rule);border-radius:16px;overflow:hidden}
.suf-panel-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:16px 24px;border-bottom:1px solid var(--suf-rule);background:var(--suf-navy-50)}
.suf-panel-head h3{font-size:1rem;font-weight:700;color:var(--suf-navy-900)}
.suf-panel-body{padding:28px}
.suf-panel-foot{display:flex;gap:10px;flex-wrap:wrap;padding:18px 24px;background:var(--suf-paper);border-top:1px solid var(--suf-rule)}
@media(max-width:560px){.suf-panel-body{padding:22px 18px}.suf-panel-head,.suf-panel-foot{padding-inline:18px}}

/* ---------- Tramo RSH ---------- */
.suf-rsh{background:var(--suf-surface);border:1px solid var(--suf-rule);border-radius:16px;padding:28px}
.suf-rsh-q{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:40px}
.suf-rsh-q h3{font-size:1.05rem;font-weight:700;color:var(--suf-navy-900)}
.suf-rsh-q p{font-size:.88rem;color:var(--suf-muted);margin-top:2px}
.suf-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;background:var(--suf-paper);border:1px solid var(--suf-rule);border-radius:10px}
.suf-seg button{border:0;background:transparent;border-radius:7px;min-width:50px;min-height:38px;padding:0 12px;font:600 .9rem var(--suf-display);color:var(--suf-ink-2);cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color .15s,color .15s}
.suf-seg button:hover{background:var(--suf-surface);color:var(--suf-navy-900)}
.suf-seg button[aria-checked="true"],.suf-seg button[aria-selected="true"]{background:var(--suf-navy-700);color:#fff}
.suf-rsh-plot{position:relative;display:grid;gap:18px}
.suf-lbl{display:flex;justify-content:space-between;gap:12px;font-size:.88rem;color:var(--suf-ink-2);margin-bottom:7px}
.suf-lbl strong{font-family:var(--suf-display);font-weight:700;color:var(--suf-navy-900)}
.suf-track{height:14px;border-radius:4px;background:var(--suf-paper);box-shadow:inset 0 0 0 1px var(--suf-rule)}
.suf-band{height:100%;border-radius:4px}
.suf-band--auto{width:40%;background:var(--suf-yellow)}
.suf-band--muni{width:60%;background:var(--suf-navy-700)}
.suf-rsh-sel{position:absolute;top:-8px;bottom:-8px;border-inline:1.5px dashed var(--suf-navy-600);background:rgba(37,82,181,.07);border-radius:4px;transition:left .3s ease,width .3s ease;pointer-events:none}
.suf-rsh-sel span{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px);font:700 .66rem/1 var(--suf-display);letter-spacing:.1em;text-transform:uppercase;color:var(--suf-navy-700);white-space:nowrap}
.suf-axis{position:relative;height:30px;margin-top:14px;border-top:1px solid var(--suf-rule-2)}
.suf-tick{position:absolute;top:0;width:1px;height:6px;background:var(--suf-rule-2)}
.suf-tick b{position:absolute;top:9px;left:0;transform:translateX(-50%);font:600 .76rem var(--suf-display);color:var(--suf-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.suf-tick.major b{color:var(--suf-ink);font-weight:700}
.suf-tick.first b{transform:none}
.suf-tick.last b{transform:translateX(-100%)}
.suf-axis-dir{display:flex;justify-content:space-between;font-size:.78rem;color:var(--suf-muted)}
.suf-rsh-out{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:16px 18px;border-radius:10px;background:var(--suf-paper);font-size:.98rem}
.suf-rsh-out .suf-i{width:22px;height:22px;margin-top:2px;color:var(--suf-navy-600)}
.suf-rsh-out[data-s="ok"]{background:var(--suf-ok-50)}
.suf-rsh-out[data-s="ok"] .suf-i{color:var(--suf-ok)}
.suf-rsh-out[data-s="warn"]{background:var(--suf-yellow-50)}
.suf-rsh-out[data-s="warn"] .suf-i{color:var(--suf-navy-900)}
.suf-rsh-out a{font-weight:600}
@media(max-width:560px){
  .suf-rsh{padding:22px 18px}
  #suf-rsh-seg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%}
  #suf-rsh-seg button{min-width:0;padding:0;font-size:.8rem}
}

.suf-compare{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;border-top:1px solid var(--suf-rule)}
.suf-cmp{display:flex;flex-direction:column;padding:28px 32px 0 0}
.suf-cmp + .suf-cmp{padding:28px 0 0 32px;border-left:1px solid var(--suf-rule)}
.suf-cmp-key{display:flex;align-items:center;gap:10px;font:700 .72rem var(--suf-display);letter-spacing:.14em;text-transform:uppercase;color:var(--suf-muted)}
.suf-cmp-key i{width:12px;height:12px;border-radius:3px;background:var(--suf-navy-700)}
.suf-cmp--auto .suf-cmp-key i{background:var(--suf-yellow)}
.suf-cmp h3{font-size:1.3rem;font-weight:700;color:var(--suf-navy-900);margin:10px 0 18px}
.suf-cmp dl{margin:0 0 24px;display:grid;gap:14px}
.suf-cmp dt{font:600 .72rem var(--suf-display);letter-spacing:.1em;text-transform:uppercase;color:var(--suf-muted)}
.suf-cmp dd{margin:3px 0 0;color:var(--suf-ink)}
.suf-cmp .suf-btn{margin-top:auto;align-self:flex-start}
@media(max-width:700px){
  .suf-compare{grid-template-columns:1fr}
  .suf-cmp{padding:28px 0 0}
  .suf-cmp + .suf-cmp{padding:28px 0 0;margin-top:32px;border-left:0;border-top:1px solid var(--suf-rule)}
}

/* ---------- Cifras ---------- */
.suf-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-block:1px solid var(--suf-rule)}
.suf-facts > div{padding:26px 24px 26px 0}
.suf-facts > div + div{padding-left:24px;border-left:1px solid var(--suf-rule)}
.suf-facts dt{font:600 .72rem var(--suf-display);letter-spacing:.12em;text-transform:uppercase;color:var(--suf-muted)}
.suf-facts dd{margin:12px 0 0}
.suf-big{display:block;font:800 1.95rem/1 var(--suf-display);color:var(--suf-navy-900);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.suf-sub{display:block;font-size:.86rem;line-height:1.4;color:var(--suf-muted);margin-top:10px}
.suf-source{font-size:.84rem;color:var(--suf-muted);margin-top:16px}
@media(max-width:760px){
  .suf-facts{grid-template-columns:1fr 1fr}
  .suf-facts > div:nth-child(3){padding-left:0;border-left:0}
  .suf-facts > div:nth-child(n+3){border-top:1px solid var(--suf-rule)}
}

/* ---------- Roles ---------- */
.suf-roles{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);align-items:start}
.suf-role{display:flex;flex-direction:column;gap:10px}
.suf-role-ico{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--suf-navy-50);color:var(--suf-navy-700)}
.suf-role-ico .suf-i{width:26px;height:26px}
.suf-role--benef .suf-role-ico{background:var(--suf-yellow-100);color:var(--suf-navy-900)}
.suf-k{font:700 .72rem var(--suf-display);letter-spacing:.14em;text-transform:uppercase;color:var(--suf-muted)}
.suf-role .suf-k{margin-top:6px}
.suf-role h3{font-size:1.25rem;font-weight:700;color:var(--suf-navy-900)}
.suf-role ul{list-style:disc;margin:6px 0 0;padding-left:1.1rem;display:grid;gap:6px;color:var(--suf-ink-2);font-size:.97rem}
.suf-flow{align-self:start;margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--suf-muted);text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.suf-flow .suf-i{width:30px;height:30px;color:var(--suf-navy-600)}
@media(max-width:700px){
  .suf-roles{grid-template-columns:1fr;gap:20px}
  .suf-flow{flex-direction:row;margin:0;justify-content:flex-start;padding-left:14px}
  .suf-flow .suf-i{transform:rotate(90deg);width:24px;height:24px}
}

/* ---------- Orientador ---------- */
.suf-steps-ind{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--suf-muted);font-variant-numeric:tabular-nums}
.suf-steps-ind i{width:26px;height:4px;border-radius:2px;background:var(--suf-rule-2);transition:background-color .2s}
.suf-steps-ind i.on{background:var(--suf-navy-700)}
.suf-steps-ind span{margin-left:6px}
.suf-or-q{font:700 1.25rem/1.3 var(--suf-display);color:var(--suf-navy-900);margin-bottom:20px;outline:none}
.suf-opts{display:grid;gap:10px}
.suf-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;border:1.5px solid var(--suf-rule);border-radius:10px;background:var(--suf-surface);font:1rem/1.35 var(--suf-body);color:var(--suf-ink);cursor:pointer;transition:border-color .15s,background-color .15s}
.suf-opt::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--suf-rule-2);flex:none;transition:border-color .15s}
.suf-opt .suf-i{width:18px;height:18px;margin-left:auto;color:var(--suf-rule-2)}
.suf-opt:hover{border-color:var(--suf-navy-600);background:var(--suf-navy-50)}
.suf-opt:hover::before{border-color:var(--suf-navy-600);border-width:5px}
.suf-opt:hover .suf-i{color:var(--suf-navy-700)}
.suf-or-res .suf-k{color:var(--suf-ok)}
.suf-or-res .suf-k.warn{color:var(--suf-navy-600)}
.suf-or-res h4{font-size:1.35rem;line-height:1.25;color:var(--suf-navy-900);margin:8px 0 10px;outline:none}
.suf-or-res p{color:var(--suf-ink-2);max-width:60ch}
.suf-or-foot{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;margin-top:22px}
.suf-or-foot .suf-i{width:16px;height:16px}
.suf-disclaimer{font-size:.84rem;color:var(--suf-muted);margin-top:22px;padding-top:16px;border-top:1px solid var(--suf-rule)}

/* ---------- Requisitos ---------- */
.suf-checks{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--suf-rule)}
.suf-checks li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid var(--suf-rule)}
.suf-checks .suf-i{width:22px;height:22px;color:var(--suf-ok);margin-top:2px}

/* ---------- Documentos ---------- */
.suf-sit-lbl{font:700 1rem var(--suf-display);color:var(--suf-navy-900);margin-bottom:4px}
.suf-sit-help{font-size:.9rem;color:var(--suf-muted);margin-bottom:16px}
.suf-sit{display:flex;flex-wrap:wrap;gap:8px}
.suf-chip{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 15px 0 12px;border-radius:999px;border:1.5px solid var(--suf-rule-2);background:var(--suf-surface);font:600 .9rem var(--suf-body);color:var(--suf-ink-2);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.suf-chip::before{content:"";width:15px;height:15px;border-radius:4px;border:1.5px solid var(--suf-rule-2);flex:none;background:var(--suf-surface) center/11px no-repeat}
.suf-chip:hover{border-color:var(--suf-navy-600);color:var(--suf-navy-900)}
.suf-chip[aria-pressed="true"]{background:var(--suf-navy-700);border-color:var(--suf-navy-700);color:#fff}
.suf-chip[aria-pressed="true"]::before{border-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a3f7a' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.suf-chip--fixed,.suf-chip--fixed[aria-pressed="true"]{cursor:default;background:var(--suf-navy-50);border-color:var(--suf-navy-100);color:var(--suf-navy-900)}
.suf-chip--fixed::before,.suf-chip--fixed[aria-pressed="true"]::before{border-color:var(--suf-navy-700);background-color:var(--suf-navy-700);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.suf-progress{display:flex;align-items:center;gap:16px;padding:16px 28px;border-top:1px solid var(--suf-rule);border-bottom:1px solid var(--suf-rule);background:var(--suf-paper)}
.suf-pbar{flex:1;height:6px;border-radius:3px;background:var(--suf-rule);overflow:hidden}
.suf-pbar i{display:block;height:100%;width:0;background:var(--suf-ok);transition:width .3s ease}
.suf-count{font:700 .92rem var(--suf-display);color:var(--suf-navy-900);white-space:nowrap;font-variant-numeric:tabular-nums}
.suf-count.done{color:var(--suf-ok)}
.suf-doclist{list-style:none;margin:0;padding:0}
.suf-doclist li + li{border-top:1px solid var(--suf-rule)}
.suf-doclist li.suf-off{display:none}
.suf-doc{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;padding:18px 28px;cursor:pointer;transition:background-color .15s}
.suf-doc:hover{background:var(--suf-paper)}
.suf-doc input{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin:1px 0 0;border:2px solid var(--suf-rule-2);border-radius:6px;background:var(--suf-surface) center/15px no-repeat;cursor:pointer;transition:background-color .15s,border-color .15s}
.suf-doc input:hover{border-color:var(--suf-navy-600)}
.suf-doc input:checked{background-color:var(--suf-ok);border-color:var(--suf-ok);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.suf-for{display:block;font:700 .68rem var(--suf-display);letter-spacing:.12em;text-transform:uppercase;color:var(--suf-navy-600);margin-bottom:3px}
.suf-t{display:block;font-weight:600;color:var(--suf-ink);transition:color .15s}
.suf-d{display:block;font-size:.9rem;color:var(--suf-muted);margin-top:2px}
.suf-doc.done .suf-t{color:var(--suf-muted);text-decoration:line-through;text-decoration-color:var(--suf-rule-2)}
@media(max-width:560px){.suf-progress,.suf-doc{padding-inline:18px}}

/* ---------- Pasos ---------- */
.suf-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:sufs}
.suf-steps li{position:relative;counter-increment:sufs}
.suf-steps li::before{content:counter(sufs);position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;margin-bottom:20px;border-radius:50%;background:var(--suf-navy-900);color:var(--suf-yellow);font:800 1.1rem var(--suf-display)}
.suf-steps li::after{content:"";position:absolute;top:23px;left:58px;right:-16px;height:2px;background:var(--suf-rule)}
.suf-steps li:last-child::after{display:none}
.suf-steps h3{font-size:1.08rem;font-weight:700;color:var(--suf-navy-900);margin-bottom:8px}
.suf-steps p{font-size:.95rem;color:var(--suf-ink-2)}
@media(max-width:820px){
  .suf-steps{grid-template-columns:1fr;gap:0}
  .suf-steps li{padding:0 0 30px 68px;min-height:46px}
  .suf-steps li:last-child{padding-bottom:0}
  .suf-steps li::before{position:absolute;left:0;top:0;margin:0}
  .suf-steps li::after{top:54px;bottom:6px;left:22px;right:auto;width:2px;height:auto}
  .suf-steps h3{padding-top:9px}
}

/* ---------- Filas de enlaces ---------- */
.suf-links{background:var(--suf-surface);border:1px solid var(--suf-rule);border-radius:16px;overflow:hidden}
.suf-page .suf-lrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;padding:18px 22px;background:none;border:0;border-bottom:1px solid var(--suf-rule);text-align:left;text-decoration:none;color:var(--suf-ink);font:inherit;cursor:pointer;transition:background-color .15s}
.suf-lrow:last-child{border-bottom:0}
.suf-page .suf-lrow:hover{background:var(--suf-navy-50);color:var(--suf-ink)}
.suf-ico{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--suf-navy-50);color:var(--suf-navy-700);flex:none}
.suf-ico .suf-i{width:22px;height:22px}
.suf-lrow:hover .suf-ico{background:var(--suf-surface)}
.suf-lrow strong{display:block;font:700 1rem/1.3 var(--suf-display);color:var(--suf-navy-900)}
.suf-dom{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--suf-navy-600);white-space:nowrap}
.suf-dom .suf-i{width:14px;height:14px}
.suf-links-note{font-size:.86rem;color:var(--suf-muted);margin-top:14px;display:flex;gap:8px;align-items:center}
.suf-links-note .suf-i{width:16px;height:16px;color:var(--suf-navy-600)}
@media(max-width:600px){.suf-page .suf-lrow{grid-template-columns:44px minmax(0,1fr);padding:16px 18px}.suf-dom{grid-column:2}}

/* ---------- Acordeón ---------- */
.suf-acc{border-top:1px solid var(--suf-rule)}
.suf-acc details{border-bottom:1px solid var(--suf-rule)}
.suf-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;cursor:pointer;font:700 1.04rem/1.35 var(--suf-display);color:var(--suf-navy-900);transition:color .15s}
.suf-acc summary::-webkit-details-marker{display:none}
.suf-acc summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--suf-rule-2);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d2b5e' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/13px no-repeat;transition:transform .2s,background-color .2s,border-color .2s}
.suf-acc summary:hover{color:var(--suf-navy-600)}
.suf-acc details[open] summary::after{transform:rotate(45deg);background-color:var(--suf-yellow);border-color:var(--suf-yellow)}
.suf-ans{padding:0 50px 24px 0;color:var(--suf-ink-2);max-width:66ch}
.suf-ans p + p,.suf-ans ol + p{margin-top:8px}
.suf-ans ul{list-style:disc}
.suf-ans ol{list-style:decimal}
.suf-ans ol,.suf-ans ul{margin:8px 0 0;padding-left:1.3rem;display:grid;gap:6px}
.suf-filter{position:relative;margin-bottom:24px}
.suf-filter input{width:100%;height:52px;padding:0 16px 0 48px;border:1.5px solid var(--suf-rule-2);border-radius:10px;background:var(--suf-surface);font:1rem var(--suf-body);color:var(--suf-ink)}
.suf-filter input:focus{outline:none;border-color:var(--suf-navy-600);box-shadow:0 0 0 3px var(--suf-navy-100)}
.suf-filter .suf-i{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--suf-muted)}
.suf-empty-faq{padding:20px 0;color:var(--suf-muted)}
@media(max-width:560px){.suf-ans{padding-right:0}}

/* ---------- Situaciones especiales ---------- */
.suf-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.suf-case .suf-ico{width:54px;height:54px;border-radius:50%}
.suf-case .suf-ico .suf-i{width:26px;height:26px}
.suf-case h3{font-size:1.12rem;font-weight:700;color:var(--suf-navy-900);margin:18px 0 8px}
.suf-case p{font-size:.95rem;color:var(--suf-ink-2)}
.suf-ref{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--suf-rule);font-size:.86rem;color:var(--suf-muted)}
.suf-ref b{color:var(--suf-ink-2);font-weight:600}
.suf-ref ul{list-style:disc;margin:8px 0 0;padding-left:1.1rem;display:grid;gap:8px}
.suf-ref ul ul{margin-top:6px;gap:4px}
.suf-must{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:4px;background:var(--suf-yellow-100);color:var(--suf-navy-900);font:700 .66rem/1.6 var(--suf-display);letter-spacing:.08em;text-transform:uppercase;vertical-align:1px}
@media(max-width:800px){.suf-cases{grid-template-columns:1fr;gap:32px}}

/* ---------- SUF Duplo ---------- */
.suf-page a.suf-to-duplo{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:600;font-size:.9rem}
.suf-to-duplo .suf-i{width:16px;height:16px}
.suf-duplo{margin-top:48px;background:var(--suf-surface);border:1px solid var(--suf-rule);border-radius:16px;overflow:hidden;scroll-margin-top:24px}
.suf-duplo.suf-flash,.suf-atn.suf-flash{animation:sufRing 1.8s ease}
@keyframes sufRing{25%{box-shadow:0 0 0 5px var(--suf-yellow)}}
.suf-duplo-head{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;padding:28px;background:var(--suf-navy-50);border-bottom:1px solid var(--suf-rule)}
.suf-duplo-head .suf-ico{width:54px;height:54px;border-radius:50%;background:var(--suf-navy-900);color:var(--suf-yellow)}
.suf-duplo-head .suf-ico .suf-i{width:26px;height:26px}
.suf-duplo-head .suf-k{color:var(--suf-navy-600)}
.suf-duplo-head h3{font-size:1.4rem;font-weight:800;color:var(--suf-navy-900);margin:6px 0 8px}
.suf-duplo-lead{color:var(--suf-ink-2);max-width:64ch}
.suf-duplo-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.suf-duplo-body > div{padding:28px}
.suf-duplo-body > div + div{border-left:1px solid var(--suf-rule)}
.suf-duplo h4{font:700 .76rem var(--suf-display);letter-spacing:.12em;text-transform:uppercase;color:var(--suf-navy-700);margin:0 0 14px}
.suf-duplo h4.suf-next{margin-top:30px}
.suf-dlist{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.suf-dlist li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:.95rem;line-height:1.5;color:var(--suf-ink)}
.suf-dlist .suf-i{width:18px;height:18px;color:var(--suf-ok);margin-top:3px}
.suf-dlist small{display:block;color:var(--suf-muted);font-size:.86rem;margin-top:1px}
.suf-dlist .suf-must{margin-left:6px}
.suf-who{display:grid;gap:8px}
.suf-who > div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border-radius:10px;background:var(--suf-paper)}
.suf-who b{justify-self:start;font:700 .76rem/1.5 var(--suf-display);color:var(--suf-navy-900);background:var(--suf-yellow-100);border-radius:6px;padding:2px 8px;white-space:nowrap}
.suf-who span{font-size:.93rem;color:var(--suf-ink-2)}
.suf-duplo-alert{display:flex;gap:12px;margin:0 28px;padding:16px 18px;border-radius:10px;background:var(--suf-yellow-50);border:1px solid var(--suf-yellow-100);font-size:.95rem}
.suf-duplo-alert .suf-i{width:22px;height:22px;color:var(--suf-navy-900);margin-top:1px}
.suf-downloads{padding:26px 28px 28px}
.suf-downloads > p{font:700 .76rem var(--suf-display);letter-spacing:.12em;text-transform:uppercase;color:var(--suf-navy-700);margin-bottom:12px}
.suf-dl-list{display:grid;gap:10px}
.suf-page a.suf-dl{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border:1.5px solid var(--suf-rule);border-radius:12px;background:var(--suf-surface);text-decoration:none;color:var(--suf-ink);transition:border-color .15s,background-color .15s}
.suf-page a.suf-dl:hover{border-color:var(--suf-navy-600);background:var(--suf-navy-50);color:var(--suf-ink)}
.suf-file{position:relative;width:42px;height:50px;border-radius:5px;background:var(--suf-navy-900);color:var(--suf-yellow);display:grid;place-items:end center;padding-bottom:7px;font:800 .68rem var(--suf-display);letter-spacing:.06em}
.suf-file::before{content:"";position:absolute;top:0;right:0;width:13px;height:13px;border-top-right-radius:5px;background:linear-gradient(225deg,var(--suf-surface) 50%,var(--suf-navy-600) 50%)}
.suf-dl:hover .suf-file::before{background:linear-gradient(225deg,var(--suf-navy-50) 50%,var(--suf-navy-600) 50%)}
.suf-dl strong{display:block;font:700 .96rem/1.3 var(--suf-display);color:var(--suf-navy-900)}
.suf-dl small{display:block;font-size:.84rem;color:var(--suf-muted);margin-top:3px}
.suf-dl-go{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;background:var(--suf-yellow);color:var(--suf-navy-900);font:700 .86rem var(--suf-display);white-space:nowrap;transition:background-color .15s}
.suf-dl:hover .suf-dl-go{background:var(--suf-yellow-600)}
.suf-dl-go .suf-i{width:16px;height:16px}
@media(max-width:820px){.suf-duplo-body{grid-template-columns:1fr}.suf-duplo-body > div + div{border-left:0;border-top:1px solid var(--suf-rule)}}
@media(max-width:560px){
  .suf-duplo-head{grid-template-columns:1fr;padding:22px 18px}
  .suf-duplo-body > div{padding:22px 18px}
  .suf-duplo-alert{margin:0 18px}
  .suf-downloads{padding:22px 18px}
  .suf-page a.suf-dl{grid-template-columns:42px minmax(0,1fr)}
  .suf-dl-go{grid-column:1 / -1;justify-content:center}
}

/* ---------- Cierre ---------- */
.suf-closing{display:grid;grid-template-columns:1fr 1fr;background:var(--suf-surface);border:1px solid var(--suf-rule);border-radius:16px;overflow:hidden}
.suf-closing > div{padding:32px}
.suf-closing h3{font-size:1.2rem;font-weight:700;color:var(--suf-navy-900);margin-bottom:8px;outline:none}
.suf-closing p{color:var(--suf-ink-2)}
.suf-help{background:var(--suf-navy-50)}
.suf-meta{font-size:.86rem;color:var(--suf-muted);margin-top:16px}
.suf-yn{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.suf-yn .suf-btn{min-width:96px}
.suf-fb small{display:block;font-size:.84rem;color:var(--suf-muted);margin-top:12px}
.suf-page .suf-thanks{display:flex;gap:10px;align-items:center;color:var(--suf-ok);font-weight:600;margin-top:14px}
.suf-thanks .suf-i{width:22px;height:22px}
@media(max-width:760px){.suf-closing{grid-template-columns:1fr}.suf-closing > div{padding:24px 20px}}

/* ---------- Lateral: atención ---------- */
.suf-atn{background:var(--suf-surface);border:1px solid var(--suf-rule);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(11,34,87,.04),0 16px 36px -20px rgba(11,34,87,.28);scroll-margin-top:24px}
.suf-atn-head{background:var(--suf-navy-900);color:#fff;padding:22px 22px 20px}
.suf-atn-head .suf-k{color:var(--suf-yellow);letter-spacing:.16em}
.suf-atn-head h2{font-size:1.25rem;font-weight:700;margin:6px 0 14px;color:#fff}
.suf-status{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.8rem;font-weight:600}
.suf-status i{width:8px;height:8px;border-radius:50%;background:#f97066}
.suf-status.open i{background:#47cd89;box-shadow:0 0 0 3px rgba(71,205,137,.25)}
.suf-atn dl{margin:0;padding:6px 22px}
.suf-atn dl > div{padding:14px 0;border-bottom:1px solid var(--suf-rule)}
.suf-atn dl > div:last-child{border-bottom:0}
.suf-atn dt{font:600 .7rem var(--suf-display);letter-spacing:.12em;text-transform:uppercase;color:var(--suf-muted);margin-bottom:4px}
.suf-atn dd{margin:0;font-size:.95rem;line-height:1.45}
.suf-phone{display:flex;align-items:center;justify-content:space-between;gap:10px}
.suf-phone > span{font:700 1.15rem var(--suf-display);color:var(--suf-navy-900);font-variant-numeric:tabular-nums}
.suf-copy{flex:none;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--suf-rule-2);background:var(--suf-surface);border-radius:6px;padding:5px 9px;font:600 .76rem var(--suf-body);color:var(--suf-navy-700);cursor:pointer}
.suf-copy:hover{border-color:var(--suf-navy-700)}
.suf-copy .suf-i{width:13px;height:13px}
.suf-atn-actions{display:grid;grid-template-columns:1fr;gap:8px;padding:4px 22px 22px}
@media(max-width:1020px) and (min-width:480px){.suf-atn-actions{grid-template-columns:1fr 1fr}}

.suf-toc h3{font:700 .7rem var(--suf-display);letter-spacing:.16em;text-transform:uppercase;color:var(--suf-muted);margin-bottom:14px}
.suf-toc-g{margin-bottom:14px}
.suf-toc-g > span{display:block;font-size:.76rem;font-weight:700;color:var(--suf-ink-2);margin-bottom:4px}
.suf-page .suf-toc a{display:block;padding:5px 0 5px 14px;border-left:2px solid var(--suf-rule);color:var(--suf-muted);text-decoration:none;font-size:.9rem;transition:color .15s,border-color .15s}
.suf-page .suf-toc a:hover{color:var(--suf-navy-700)}
.suf-page .suf-toc a.on{border-left-color:var(--suf-navy-700);color:var(--suf-navy-900);font-weight:600}
.suf-quick{margin-top:22px;padding:16px 18px;border-radius:12px;background:var(--suf-navy-900);color:rgba(255,255,255,.75);font-size:.84rem}
.suf-quick b{display:block;font:700 1.1rem var(--suf-display);color:#fff;font-variant-numeric:tabular-nums;margin:2px 0 8px}
.suf-page .suf-toc .suf-quick a{display:inline;padding:0;border:0;color:var(--suf-yellow);font-weight:600}

/* ---------- Barra móvil (Llamar / Cómo llegar) ---------- */
.suf-mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--suf-surface);border-top:1px solid var(--suf-rule);box-shadow:0 -10px 30px -14px rgba(11,34,87,.35);transform:translateY(110%);transition:transform .25s ease;font-family:var(--suf-body)}
.suf-mbar.show{transform:none}
@media(max-width:1020px){
  .suf-mbar{display:grid}
  /* Mientras la barra está visible, el "subir" del sitio (#sttop, bottom:28px)
   * quedaría debajo; se sube por encima del botón de accesibilidad. */
  body.suf-mbar-on #sttop{bottom:calc(146px + env(safe-area-inset-bottom,0px))}
  .suf-layout{padding-bottom:120px}
}

/* ---------- Toast ---------- */
.suf-toast{position:fixed;left:50%;bottom:24px;z-index:9500;max-width:90vw;padding:12px 20px;border-radius:10px;background:var(--suf-navy-900);color:#fff;font:600 .95rem var(--suf-body);box-shadow:0 12px 30px rgba(0,0,0,.25);transform:translate(-50%,20px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.suf-toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}
@media(max-width:1020px){.suf-toast{bottom:90px}}

/* ---------- Impresión ---------- */
/* Hoja propia solo al imprimir desde "Imprimir mi lista" (body.suf-printing);
 * Ctrl+P normal imprime la página con el bloque de abajo. */
@media print{
  @page{margin:16mm}
  body.suf-printing{background:#fff!important}
  body.suf-printing > *:not(#suf-print-sheet){display:none!important}
  body.suf-printing #suf-print-sheet{display:block!important;font-family:"Open Sans",Arial,sans-serif;color:#111;font-size:11pt}
  #suf-print-sheet h1{font:800 20pt Montserrat,Arial,sans-serif;color:#0d2b5e;margin:0}
  #suf-print-sheet .suf-rule{height:3px;background:#f0c40a;margin:10px 0 16px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #suf-print-sheet h2{font:700 13pt Montserrat,Arial,sans-serif;color:#0d2b5e;margin:16px 0 6px}
  #suf-print-sheet ul{list-style:none;padding:0;margin:0}
  #suf-print-sheet li{padding:8px 0;border-bottom:1px solid #ccc}
  #suf-print-sheet .suf-box{border:1px solid #999;border-radius:6px;padding:10px 12px;margin-top:16px;line-height:1.5}
  #suf-print-sheet p{margin:8px 0}

  body:not(.suf-printing) .suf-tasks,body:not(.suf-printing) .suf-hero-cta,body:not(.suf-printing) .suf-toc,
  body:not(.suf-printing) .suf-mbar,body:not(.suf-printing) .suf-toast,body:not(.suf-printing) .suf-atn-actions,
  body:not(.suf-printing) .suf-panel-foot,body:not(.suf-printing) .suf-filter,body:not(.suf-printing) #orientador,
  body:not(.suf-printing) #ayuda{display:none!important}
  body:not(.suf-printing) .suf-layout{display:block;padding-block:16px}
  body:not(.suf-printing) .suf-hero{background:none!important;color:#000!important}
  body:not(.suf-printing) .suf-hero h1,body:not(.suf-printing) .suf-lead,body:not(.suf-printing) .suf-hero-meta dd{color:#000!important}
}

/* ---------- Alto contraste (body.alto-contraste, footer.php) ----------
 * El override global pinta TODO de negro/blanco y rellena de amarillo
 * cualquier svg; aquí se restituye lo que dependía del color para leerse. */
body.alto-contraste .suf-page svg,
body.alto-contraste .suf-page svg *,
body.alto-contraste .suf-mbar svg,
body.alto-contraste .suf-mbar svg *{fill:none!important}
body.alto-contraste .suf-band--auto,body.alto-contraste .suf-band--muni,
body.alto-contraste .suf-pbar i,body.alto-contraste .suf-steps-ind i.on{background-color:#ffea00!important}
body.alto-contraste .suf-band--muni{background-image:repeating-linear-gradient(45deg,#000 0 3px,transparent 3px 7px)!important}
body.alto-contraste .suf-track,body.alto-contraste .suf-pbar,body.alto-contraste .suf-steps-ind i{border:1px solid #fff!important}
body.alto-contraste .suf-rsh-sel{border-color:#ffea00!important;background:transparent!important}
body.alto-contraste .suf-seg button[aria-checked="true"],body.alto-contraste .suf-seg button[aria-selected="true"],
body.alto-contraste .suf-chip[aria-pressed="true"]{background:#ffea00!important;color:#000!important}
body.alto-contraste .suf-doc input:checked{background-color:#ffea00!important;border-color:#ffea00!important}
body.alto-contraste .suf-doc.done .suf-t{text-decoration:line-through}
body.alto-contraste .suf-page .suf-toc a.on{border-left-color:#ffea00!important}
body.alto-contraste .suf-status.open i{background:#ffea00!important}
body.alto-contraste .suf-cmp-key i{border:2px solid #fff!important}
body.alto-contraste .suf-steps li::before{border:2px solid #ffea00}
body.alto-contraste .suf-acc summary::after{background-image:none!important}