/* Rescate Vial Quito. CSS propio, sin frameworks. Fuentes autoalojadas. */

@font-face{font-family:"Barlow";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/barlow-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/barlow-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/barlow-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/barlow-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}

:root{
  /* Color: navy de campo, azul de apoyo, amarillo de señal (solo acciones y avisos) */
  --navy-950: oklch(0.19 0.06 262);
  --navy-900: oklch(0.24 0.075 262);
  --navy-800: oklch(0.30 0.09 262);
  --navy-700: oklch(0.38 0.11 260);
  --blue-600: oklch(0.50 0.19 258);
  --blue-500: oklch(0.60 0.17 250);
  --blue-100: oklch(0.94 0.028 250);
  --yellow-400: oklch(0.87 0.17 95);
  --yellow-500: oklch(0.80 0.16 88);
  --paper: oklch(0.985 0.004 250);
  --paper-2: oklch(0.958 0.012 250);
  --line: oklch(0.87 0.02 255);
  --ink: oklch(0.22 0.045 262);
  --ink-soft: oklch(0.41 0.045 262);
  --on-navy: oklch(0.97 0.01 250);
  --on-navy-soft: oklch(0.82 0.03 255);
  --ok: oklch(0.45 0.13 150);
  --err: oklch(0.48 0.19 27);

  /* Tipografía */
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-sm: clamp(.9rem, .87rem + .15vw, 1rem);
  --t-base: clamp(1.0625rem, 1rem + .3vw, 1.1875rem);
  --t-lg: clamp(1.25rem, 1.1rem + .7vw, 1.6rem);
  --t-xl: clamp(1.75rem, 1.4rem + 1.6vw, 2.6rem);
  --t-2xl: clamp(2.3rem, 1.6rem + 3vw, 4rem);
  --t-hero: clamp(2.6rem, 1.6rem + 4.4vw, 4.9rem);

  /* Espacio (base 4) */
  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s6: 1.5rem; --s8: 2rem; --s12: 3rem; --s16: 4rem;
  --sec: clamp(3.5rem, 2rem + 6vw, 7rem);
  --gutter: clamp(1rem, .5rem + 2.5vw, 2rem);
  --maxw: 72rem;
  --radius: .5rem;
  --ease: cubic-bezier(.2,.7,.2,1);
  --header-h: 4.25rem;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem)}
body{margin:0;font-family:var(--font-body);font-size:var(--t-base);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;display:block}
img{height:auto}
a{color:var(--blue-600);text-underline-offset:.18em}
a:hover{color:var(--navy-700)}
p,ul,ol{margin:0}
h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.02;margin:0;text-wrap:balance;letter-spacing:.005em}
p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--yellow-400);outline-offset:3px;border-radius:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:var(--s4);top:-4rem;background:var(--yellow-400);color:var(--navy-950);padding:.6rem 1rem;font-weight:700;z-index:100;border-radius:var(--radius)}
.skip:focus{top:var(--s2)}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.ico{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:2.9rem;padding:.65rem 1.25rem;border-radius:var(--radius);font:700 1rem/1.1 var(--font-body);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}
.btn-lg{min-height:3.4rem;padding:.8rem 1.6rem;font-size:1.125rem}
.btn-yellow{background:var(--yellow-400);color:var(--navy-950)}
.btn-yellow:hover{background:oklch(0.92 0.15 97);color:var(--navy-950)}
.btn-navy{background:var(--navy-900);color:var(--on-navy)}
.btn-navy:hover{background:var(--navy-700);color:var(--on-navy)}
.btn-call{background:var(--navy-900);color:var(--on-navy)}
.btn-call:hover{background:var(--navy-700);color:var(--on-navy)}
.btn-ghost-light{background:transparent;color:var(--on-navy);border-color:oklch(0.97 0.01 250 / .55)}
.btn-ghost-light:hover{background:oklch(1 0 0 / .1);color:#fff;border-color:#fff}
.btn-ghost{background:transparent;color:var(--navy-900);border-color:var(--navy-900)}
.btn-ghost:hover{background:var(--navy-900);color:var(--on-navy)}
.btn[disabled]{opacity:.6;cursor:progress}
.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;text-decoration:none;color:var(--blue-600)}
.link-arrow:hover{color:var(--navy-700)}
.link-arrow .ico{transition:transform .18s var(--ease)}
.link-arrow:hover .ico{transform:translateX(3px)}

/* ---------- Cabecera ---------- */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:var(--header-h)}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--navy-900)}
.brand-logo{width:auto;height:3.1rem;aspect-ratio:900/550}
.brand-text{display:flex;flex-direction:column;font-family:var(--font-display);line-height:.92;text-transform:uppercase}
.brand-text strong{font-size:1.45rem;letter-spacing:.01em}
.brand-text span{font-size:1.05rem;font-weight:600;color:var(--blue-600);letter-spacing:.32em}
.nav ul{list-style:none;padding:0;display:flex;gap:var(--s1)}
.nav{display:flex;align-items:center;gap:var(--s4)}
.nav ul a{display:block;padding:.6rem .85rem;text-decoration:none;font-weight:600;color:var(--ink);border-radius:var(--radius)}
.nav ul a:hover{background:var(--blue-100);color:var(--navy-900)}
.nav ul a[aria-current="page"]{color:var(--navy-900);box-shadow:inset 0 -3px 0 var(--yellow-500)}
.nav-toggle{display:none}

@media (max-width:59.99rem){
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:transparent;border:2px solid var(--navy-900);color:var(--navy-900);border-radius:var(--radius);cursor:pointer}
  .nav-toggle .ico-close{display:none}
  .nav-toggle[aria-expanded="true"] .ico-open{display:none}
  .nav-toggle[aria-expanded="true"] .ico-close{display:block}
  .nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:var(--s4) var(--gutter) var(--s6);box-shadow:0 18px 30px -20px oklch(0.2 0.06 262 / .5)}
  .js .nav{display:none}
  .js .nav.open{display:flex}
  .nav ul{flex-direction:column}
  .nav ul a{padding:.9rem .5rem;font-size:1.15rem;border-bottom:1px solid var(--line);border-radius:0}
  .nav ul a[aria-current="page"]{box-shadow:none;color:var(--blue-600)}
  .brand-text{display:none}
  .brand-logo{height:3rem}
}

/* ---------- Hero ---------- */
.hero{background:var(--navy-900);color:var(--on-navy);position:relative;overflow:hidden}
.hero-grid{display:grid;gap:var(--s8);padding-block:clamp(2.5rem,1rem + 5vw,5.5rem);align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font:700 .95rem/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;background:var(--yellow-400);color:var(--navy-950);padding:.5rem .8rem;border-radius:.25rem;margin-bottom:var(--s6)}
.hero h1{font-size:var(--t-hero);text-transform:uppercase;line-height:.94;letter-spacing:.005em}
.hero h1 em{font-style:normal;color:var(--yellow-400)}
.hero-lead{font-size:var(--t-lg);line-height:1.45;color:var(--on-navy-soft);max-width:34rem;margin-top:var(--s6)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s8)}
.hero-note{margin-top:var(--s4);font-size:var(--t-sm);color:var(--on-navy-soft)}
.hero-media{position:relative}
.hero-media img,.hero-media .ph{width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:var(--radius);border:1px solid oklch(1 0 0 / .14)}
.hero-plate{position:absolute;left:-.5rem;bottom:-1rem;background:var(--yellow-400);color:var(--navy-950);padding:.7rem 1.1rem;border-radius:.3rem;font-family:var(--font-display);font-weight:700;line-height:1;box-shadow:0 10px 24px -10px oklch(0 0 0 / .6)}
.hero-plate b{display:block;font-size:2.4rem;letter-spacing:.02em}
.hero-plate span{font-size:1rem;letter-spacing:.14em;text-transform:uppercase}
@media (min-width:60rem){
  .hero-grid{grid-template-columns:1.08fr .92fr;gap:var(--s16)}
  .hero-media img,.hero-media .ph{aspect-ratio:4/4.6}
  .hero-plate{left:-2rem;bottom:2rem}
}
/* Franja de señal vial bajo el hero */
.hero::after{content:"";display:block;height:.7rem;background:repeating-linear-gradient(-45deg,var(--yellow-400) 0 1.1rem,var(--navy-950) 1.1rem 2.2rem)}

.ph{background:
  repeating-linear-gradient(-45deg,oklch(0.30 0.09 262) 0 14px,oklch(0.27 0.085 262) 14px 28px);min-height:12rem;display:block}

/* ---------- Franja de hechos ---------- */
.facts{background:var(--paper-2);border-bottom:1px solid var(--line)}
.facts ul{list-style:none;padding:0;display:grid;gap:0}
.facts li{display:flex;gap:var(--s4);align-items:flex-start;padding:var(--s6) 0;border-bottom:1px solid var(--line)}
.facts li:last-child{border-bottom:0}
.facts .ico{width:2rem;height:2rem;color:var(--blue-600);margin-top:.15rem}
.facts strong{display:block;font:700 1.5rem/1.05 var(--font-display);text-transform:uppercase;color:var(--navy-900)}
.facts span{color:var(--ink-soft);font-size:var(--t-sm)}
@media (min-width:48rem){
  .facts ul{grid-template-columns:repeat(3,1fr)}
  .facts li{border-bottom:0;padding:var(--s8) var(--s6);border-left:1px solid var(--line)}
  .facts li:first-child{border-left:0;padding-left:0}
}

/* ---------- Secciones ---------- */
.section{padding-block:var(--sec)}
.section-alt{background:var(--paper-2)}
.section-navy{background:var(--navy-900);color:var(--on-navy)}
.section-navy .lead,.section-navy p{color:var(--on-navy-soft)}
.section-head{max-width:44rem;margin-bottom:clamp(2rem,1rem + 3vw,3.5rem)}
.section-head h2{font-size:var(--t-2xl);text-transform:uppercase;line-height:.96}
.section-head p{margin-top:var(--s4);font-size:var(--t-lg);color:var(--ink-soft);line-height:1.45}
.section-navy .section-head p{color:var(--on-navy-soft)}
.lead{font-size:var(--t-lg);line-height:1.5;color:var(--ink-soft)}

/* ---------- Servicios: uno destacado + filas ---------- */
.svc-layout{display:grid;gap:var(--s8)}
.svc-feature{display:flex;flex-direction:column;background:var(--navy-900);color:var(--on-navy);border-radius:var(--radius);overflow:hidden}
.svc-feature .svc-photo img,.svc-feature .svc-photo .ph{width:100%;aspect-ratio:16/10;object-fit:cover}
.svc-feature-body{padding:var(--s8);display:flex;flex-direction:column;gap:var(--s4);flex:1}
.svc-feature h3{font-size:var(--t-xl);text-transform:uppercase}
.svc-feature p{color:var(--on-navy-soft)}
.svc-feature .link-arrow{color:var(--yellow-400);margin-top:auto}
.svc-feature .link-arrow:hover{color:#fff}
.svc-list{list-style:none;padding:0;display:flex;flex-direction:column}
.svc-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s4);align-items:center;padding:var(--s4) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.svc-list li:first-child .svc-row{border-top:1px solid var(--line)}
.svc-row .ico-lead{width:2.6rem;height:2.6rem;padding:.6rem;background:var(--blue-100);color:var(--navy-800);border-radius:var(--radius)}
.svc-row h3{font-size:1.5rem;color:var(--navy-900)}
.svc-row p{color:var(--ink-soft);font-size:var(--t-sm);line-height:1.4;margin-top:.2rem}
.svc-row .ico-go{color:var(--blue-600);transition:transform .18s var(--ease)}
.svc-row:hover .ico-go{transform:translateX(4px)}
.svc-row:hover h3{color:var(--blue-600)}
@media (min-width:60rem){
  .svc-layout{grid-template-columns:1.05fr 1fr;gap:var(--s12);align-items:stretch}
}

/* ---------- Cómo pedir ayuda ---------- */
.steps{list-style:none;padding:0;counter-reset:paso;display:grid;gap:var(--s8)}
.steps li{counter-increment:paso;position:relative;padding-top:4.4rem}
.steps li::before{content:counter(paso);position:absolute;top:0;left:0;font:700 4.2rem/1 var(--font-display);color:var(--yellow-400)}
.steps h3{font-size:1.6rem;text-transform:uppercase;color:var(--on-navy)}
.steps p{margin-top:var(--s2);color:var(--on-navy-soft)}
@media (min-width:48rem){.steps{grid-template-columns:repeat(4,1fr);gap:var(--s6)}}

/* ---------- Cobertura ---------- */
.zones-grid{display:grid;gap:var(--s8)}
.zone-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.zone-list a{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;min-height:2.75rem;border:2px solid var(--navy-900);border-radius:var(--radius);text-decoration:none;font-weight:700;color:var(--navy-900);background:#fff}
.zone-list a:hover{background:var(--navy-900);color:var(--on-navy)}
.zones-photo img,.zones-photo .ph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}
@media (min-width:60rem){.zones-grid{grid-template-columns:1fr 1fr;align-items:center;gap:var(--s16)}}

/* ---------- FAQ ---------- */
.faq{max-width:52rem}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--s4);align-items:center;padding:1.15rem 0;font:600 1.2rem/1.3 var(--font-body);color:var(--navy-900);min-height:3.25rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 1.8rem/1 var(--font-display);color:var(--blue-600);flex:none}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 1.3rem;color:var(--ink-soft);max-width:44rem}

/* ---------- Banda de llamada ---------- */
.cta-band{background:var(--yellow-400);color:var(--navy-950)}
.cta-row{display:grid;gap:var(--s6);padding-block:clamp(2.5rem,1.5rem + 3vw,4rem);align-items:center}
.cta-band h2{font-size:var(--t-xl);text-transform:uppercase}
.cta-band p{margin-top:var(--s2);color:oklch(0.30 0.06 262)}
.cta-actions{display:flex;flex-wrap:wrap;gap:var(--s3)}
.cta-band .btn-yellow{background:var(--navy-950);color:#fff}
.cta-band .btn-yellow:hover{background:var(--navy-700)}
.cta-band .btn-ghost-light{color:var(--navy-950);border-color:var(--navy-950)}
.cta-band .btn-ghost-light:hover{background:var(--navy-950);color:#fff}
@media (min-width:60rem){.cta-row{grid-template-columns:1fr auto}}

/* ---------- Páginas interiores ---------- */
.page-head{background:var(--navy-900);color:var(--on-navy);padding-block:clamp(2rem,1rem + 4vw,4rem) clamp(2.5rem,1.5rem + 4vw,4.5rem)}
.page-head h1{font-size:var(--t-2xl);text-transform:uppercase;line-height:.96;max-width:22ch}
.page-head .lead{color:var(--on-navy-soft);margin-top:var(--s4);max-width:40rem}
.crumbs ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;font-size:var(--t-sm);margin-bottom:var(--s6);color:var(--on-navy-soft)}
.crumbs li+li::before{content:"/";margin-right:.4rem;opacity:.6}
.crumbs a{color:var(--on-navy);text-decoration:underline;text-decoration-color:oklch(1 0 0 / .4)}
.crumbs a:hover{color:var(--yellow-400)}
.two-col{display:grid;gap:var(--s12);align-items:start}
@media (min-width:60rem){.two-col{grid-template-columns:minmax(0,1fr) 22rem;gap:var(--s16)}.two-col.flip{grid-template-columns:22rem minmax(0,1fr)}}
.prose{max-width:44rem}
.prose>*+*{margin-top:var(--s4)}
.prose h2{font-size:var(--t-xl);text-transform:uppercase;margin-top:var(--s12);color:var(--navy-900)}
.prose h2:first-child{margin-top:0}
.prose h3{font-family:var(--font-body);font-size:1.2rem;font-weight:700;margin-top:var(--s8);color:var(--navy-900);line-height:1.3;letter-spacing:0}
.prose ul,.prose ol{padding-left:1.25rem}
.prose li+li{margin-top:.4rem}
.prose li::marker{color:var(--blue-600)}
.prose .meta{color:var(--ink-soft);font-size:var(--t-sm)}
.checklist{list-style:none;padding:0!important;display:grid;gap:var(--s3)}
.checklist li{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;margin:0!important}
.checklist .ico{color:var(--ok);margin-top:.25em}
.figure img,.figure .ph{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}
.aside-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--s6);padding-top:calc(var(--s6) + 6px);position:sticky;overflow:hidden;top:calc(var(--header-h) + 1rem)}
.aside-card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--yellow-400)}
.aside-card h2{font-size:1.7rem;text-transform:uppercase;color:var(--navy-900)}
.aside-card p{margin-top:var(--s2);color:var(--ink-soft);font-size:var(--t-sm)}
.aside-card .btn{width:100%;margin-top:var(--s3)}
.aside-card .btn:first-of-type{margin-top:var(--s4)}
.notice{background:var(--blue-100);border-left:0;border:1px solid oklch(0.85 0.05 250);border-radius:var(--radius);padding:var(--s4) var(--s6);font-size:var(--t-sm);color:var(--ink)}
.rel-list{list-style:none;padding:0;display:grid;gap:var(--s3);margin-top:var(--s6)}
.rel-list a{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:1rem 1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;text-decoration:none;font-weight:600;color:var(--navy-900);min-height:3.25rem}
.rel-list a:hover{border-color:var(--blue-600);color:var(--blue-600)}
@media (min-width:40rem){.rel-list{grid-template-columns:1fr 1fr}}
.cards-2{display:grid;gap:var(--s6)}
@media (min-width:48rem){.cards-2{grid-template-columns:1fr 1fr}}
.pane{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--s6)}
.pane h3{font-size:1.5rem;text-transform:uppercase;color:var(--navy-900);margin-bottom:var(--s3)}

/* ---------- Formularios ---------- */
.form{display:grid;gap:var(--s6);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.25rem,.5rem + 3vw,2.25rem)}
.form-grid{display:grid;gap:var(--s6)}
@media (min-width:40rem){.form-grid.two{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:.4rem}
.field label,.field .lbl{font-weight:700;color:var(--navy-900);font-size:1rem}
.field .hint{font-size:var(--t-sm);color:var(--ink-soft);font-weight:400}
.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:2px solid oklch(0.70 0.03 255);border-radius:var(--radius);padding:.75rem .9rem;min-height:3rem}
.field textarea{min-height:7rem;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--yellow-400);outline-offset:1px;border-color:var(--navy-700)}
.field .err-msg{color:var(--err);font-size:var(--t-sm);font-weight:600;display:none}
.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:var(--err)}
.field.invalid .err-msg{display:block}
.loc-row{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}
.loc-status{font-size:var(--t-sm);color:var(--ink-soft)}
.consent{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;padding:var(--s4);background:var(--paper-2);border-radius:var(--radius);border:1px solid var(--line)}
.consent input{width:1.5rem;height:1.5rem;margin-top:.15rem;accent-color:var(--navy-800)}
.consent label{font-size:var(--t-sm);line-height:1.5;font-weight:400;color:var(--ink)}
.collect-note{font-size:var(--t-sm);color:var(--ink-soft);line-height:1.55}
.collect-note strong{color:var(--ink)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{padding:var(--s4);border-radius:var(--radius);font-weight:600;display:none}
.form-status.show{display:block}
.form-status.ok{background:oklch(0.94 0.06 150);color:oklch(0.30 0.09 150)}
.form-status.bad{background:oklch(0.94 0.04 27);color:oklch(0.38 0.15 27)}
.urgent{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;background:var(--navy-900);color:var(--on-navy);padding:var(--s4) var(--s6);border-radius:var(--radius);margin-bottom:var(--s8)}
.urgent strong{font:700 1.4rem/1.1 var(--font-display);text-transform:uppercase}

/* ---------- Tabla legal simple ---------- */
.table-wrap{overflow-x:auto}
table.legal{border-collapse:collapse;width:100%;font-size:var(--t-sm)}
table.legal th,table.legal td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
table.legal th{background:var(--paper-2);font-weight:700;color:var(--navy-900)}

/* ---------- Pie ---------- */
.site-footer{background:var(--navy-950);color:var(--on-navy-soft);padding-top:var(--s16);font-size:var(--t-sm)}
.site-footer a{color:var(--on-navy);text-decoration:none}
.site-footer a:hover{color:var(--yellow-400);text-decoration:underline}
.footer-grid{display:grid;gap:var(--s12);padding-bottom:var(--s12)}
@media (min-width:48rem){.footer-grid{grid-template-columns:1.2fr 1fr 1fr 1fr}}
.logo-plate{display:inline-block;background:#fff;border-radius:var(--radius);padding:.5rem .75rem}
.logo-plate img{width:11rem;height:auto}
.foot-slogan{margin-top:var(--s4);font:700 1.5rem/1.1 var(--font-display);color:var(--on-navy);text-transform:uppercase}
.foot-sos{display:flex;align-items:center;gap:.5rem;margin-top:var(--s3);color:var(--yellow-400);font-weight:600}
.foot-h{font:700 1.25rem/1 var(--font-display);text-transform:uppercase;color:var(--on-navy);margin-bottom:var(--s4);letter-spacing:.04em}
.foot-list{list-style:none;padding:0;display:grid;gap:.15rem}
.foot-list a{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 0;min-height:2.25rem}
.footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3) var(--s8);padding-block:var(--s6);border-top:1px solid oklch(1 0 0 / .14);padding-bottom:calc(var(--s6) + 4.5rem)}
.jc-credit a{text-decoration:underline;text-underline-offset:.2em}
@media (min-width:48rem){.footer-base{padding-bottom:var(--s6)}}

/* ---------- Barra fija móvil ---------- */
.sos-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -6px 20px -8px oklch(0 0 0 / .4)}
.sos-bar a{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.5rem;font-weight:700;font-size:1.1rem;text-decoration:none}
.sos-call{background:var(--yellow-400);color:var(--navy-950)}
.sos-wa{background:var(--navy-900);color:#fff}
.sos-bar a:hover{color:inherit;filter:brightness(1.06)}
@media (min-width:48rem){.sos-bar{display:none}}

/* ---------- Errores 404 ---------- */
.notfound{padding-block:var(--sec);text-align:left}
.notfound .code{font:700 clamp(6rem,4rem + 12vw,12rem)/.85 var(--font-display);color:var(--yellow-500)}

/* ---------- Movimiento ---------- */
@media (prefers-reduced-motion:no-preference){
  .hero-copy>*{animation:rise .6s var(--ease) both}
  .hero-copy>*:nth-child(2){animation-delay:.06s}
  .hero-copy>*:nth-child(3){animation-delay:.12s}
  .hero-copy>*:nth-child(4){animation-delay:.18s}
  .hero-media{animation:rise .7s var(--ease) .1s both}
}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-copy>*,.hero-media{animation:none}
  .btn,.link-arrow .ico,.svc-row .ico-go{transition:none}
}
@media print{.site-header,.sos-bar,.cta-band,.site-footer .foot-list{display:none}}

/* ---------- Utilidades (sin estilos en línea por la CSP) ---------- */
.hero-link{color:var(--yellow-400);font-weight:600}
.hero-link:hover{color:#fff}
.section-head.tight{margin-bottom:var(--s6)}
.mt-6{margin-top:var(--s6)}
.mt-8{margin-top:var(--s8)}
.mb-8{margin-bottom:var(--s8)}
.mt-4{margin-top:var(--s4)}
h2.h3{font-size:1.5rem}
a.plain{color:inherit;text-decoration:none}
a.plain:hover{color:var(--blue-600)}
.zone-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border:1px solid var(--line);background:#fff;border-radius:var(--radius);font-weight:600;color:var(--navy-900)}
.zone-chip .ico{color:var(--blue-600)}
.svc-row h2{font-size:1.5rem;color:var(--navy-900)}
.svc-row:hover h2{color:var(--blue-600)}
.h1-plain{font-size:var(--t-2xl);text-transform:uppercase;color:var(--navy-900);line-height:.96;max-width:20ch}