/* =========================================================================
   RedFune · pages/sos.css — SOS primeras 24 h (prefijo ss-)
   Solo lo específico de sos.html. Usa el contrato de clases de styles.css
   (.page-head, .page-grid, .tabs/.tab, .sos-steps/.sos-step, .call-box,
   .trust-panel, .h-icon, .badge, .policy-list, .ext-links); no las redefine.
   ========================================================================= */

/* Escenario (sustituye a la antigua .card) */
.ss-scenario > .badge{margin-bottom:var(--s-2)}
.ss-title{width:fit-content;max-width:100%;margin:var(--s-2) 0 var(--s-1);font-size:1.625rem}
@media (min-width:768px){.ss-title{font-size:2.125rem}}
.ss-intro{margin:0;max-width:var(--measure)}

/* Contador de pasos hechos: línea entre filetes, cifra en tinta y un tramo por paso
   (ciprés = hecho). El tramo es decorativo: el texto lleva la información. */
.ss-progress{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4);margin-top:var(--s-5);padding:var(--s-3) 0;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.ss-progress-count{margin:0;font-size:1rem;color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums}
.ss-progress-count > strong{color:var(--ink)}
.ss-progress-bar{display:flex;flex:0 1 10rem;gap:3px}
.ss-progress-bar > i{flex:1;height:6px;background:var(--rule);transition:background-color .2s}
.ss-progress-bar > i.is-done{background:var(--cipres)}
.ss-progress-hint{flex-basis:100%;margin:0;font-size:.9375rem;color:var(--ink-2)}
@media (forced-colors:active){
  .ss-progress-bar > i{forced-color-adjust:none;border:1px solid CanvasText;background:Canvas}
  .ss-progress-bar > i.is-done{background:CanvasText}
}

/* #sosHeading recibe el foco por JS al cambiar de pestaña con teclado: el gesto
   (amarillo + filete de tinta) lo da styles.css; width:fit-content lo ciñe al texto. */

/* Documentos: recuadro en papel con filete de tinta (motivo firma) */
.ss-docs{margin-top:var(--s-5);padding:var(--s-5);background-color:var(--paper-2);border-top:1px solid var(--ink)}
.ss-docs .h-icon{margin-bottom:var(--s-3);font-size:1.1875rem}
.ss-docs .policy-list{margin:0}
.ss-docs .policy-list li{margin:0;padding-block:var(--s-1)}

/* Recuadro de llamada en la columna estrecha (1024–1199 px el tercio mide ~300 px):
   menos relleno lateral para que «Llámanos y te guiamos» no se parta y titular equilibrado */
.ss-callbox .t-h3{text-wrap:balance}
@media (min-width:1024px) and (max-width:1199px){.ss-callbox{padding-inline:var(--s-4)}}

/* Notas al margen: guía orientativa y enlaces oficiales */
.ss-links{gap:var(--s-1);font-size:1rem}
.ss-links a{display:inline-block;padding:var(--s-1) 0}