:root{
    --yellow:#F4C300;
    --gold:#D9A400;
    --gold-deep:#9C6F00;
    --ink:#111318;
    --ink-2:#1b1e26;

    --bg:#ffffff;
    --bg-alt:#f6f6f4;
    --map-secondary:#f2e4b4;
    --map-secondary-hover:#ead7a0;
    --header-bg:linear-gradient(120deg,#FFD23D 0%,#F4C300 60%,#E8A800 100%);
    --header-text:#111318;
    --header-border:rgba(17,19,24,0.14);
    --hero-text:#111318;
    --hero-muted:#5b5f6b;
    --card-bg:#ffffff;
    --card-border:#e2e2dc;
    --text:#181a20;
    --muted:#62666f;
    --trust-bg:#111318;
    --trust-text:#f4f4f2;
    --footer-bg:#0d0e12;
    --footer-text:#9a9da5;
    --radius:16px;
    --radius-sm:10px;
    --shadow: 0 4px 16px rgba(17,19,24,0.06);
    --shadow-lg: 0 24px 60px rgba(17,19,24,0.16);
    --input-bg:#fff;
    --input-border:#dcdcd8;
    --green:#25D366;
  }
  html[data-theme="dark"]{
    --gold-deep:#E0B23E;
    --bg:#0b0b0d;
    --bg-alt:#131316;
    --map-secondary:#5c4f24;
    --map-secondary-hover:#75652f;
    --header-bg:linear-gradient(120deg,#E8B400 0%,#D9A400 55%,#C99700 100%);
    --header-text:#111318;
    --header-border:rgba(0,0,0,0.2);
    --hero-text:#f4f4f2;
    --hero-muted:#a6a9b2;
    --card-bg:#1b1b1f;
    --card-border:rgba(255,255,255,0.08);
    --text:#f0f0ee;
    --muted:#9a9da5;
    --trust-bg:#0e0e10;
    --trust-text:#e9e9e7;
    --footer-bg:#000000;
    --footer-text:#8b8e97;
    --shadow: 0 8px 24px rgba(0,0,0,0.4);
    --shadow-lg: 0 24px 70px rgba(0,0,0,0.55);
    --input-bg:#1f1f24;
    --input-border:#34363f;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;overflow-x:hidden;}
  body{
    margin:0;
    overflow-x:hidden;
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    color:var(--text);
    background:var(--bg);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    transition:background-color .25s ease, color .25s ease;
  }
  img,svg{display:block;max-width:100%;}
  a{color:inherit;}
  .container{max-width:1160px;margin:0 auto;padding:0 24px;}
  h1,h2,h3,h4,.faq-item summary,.hero-map-head p{text-wrap:balance;}
  p,.step p,.why-card p,.t-card p.quote,.fs-copy p,.faq-item p,.section-head p{text-wrap:pretty;}
  .icon{flex-shrink:0;}

  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    padding:14px 24px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;
    text-decoration:none;cursor:pointer;border:1.5px solid transparent;
    transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;
    letter-spacing:-.01px;
  }
  .btn:hover{transform:translateY(-1px);}
  .btn-primary{background:var(--ink);color:var(--yellow);box-shadow:0 10px 24px rgba(17,19,24,0.22);}
  .btn-primary:hover{background:#000;}
  html[data-theme="dark"] .btn-primary{background:var(--yellow);color:var(--ink);box-shadow:0 10px 24px rgba(245,239,20,0.18);}
  .btn-whatsapp{background:var(--green);color:#fff;box-shadow:0 10px 22px rgba(37,211,102,0.28);}
  .btn-outline{background:transparent;color:var(--hero-text);border-color:var(--card-border);}
  .btn-outline:hover{border-color:var(--hero-text);}

  /* THEME SWITCH — sliding pill toggle, sun/moon on the knob */
  .theme-switch{
    position:relative;width:54px;height:30px;padding:0;flex-shrink:0;cursor:pointer;
    border:1.5px solid rgba(17,19,24,0.16);border-radius:999px;background:rgba(17,19,24,0.07);
    transition:border-color .15s ease, background-color .15s ease;
  }
  .theme-switch:hover{border-color:rgba(17,19,24,0.32);background:rgba(17,19,24,0.11);}
  .theme-switch:active .ts-knob{width:26px;}
  .ts-knob{
    position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;
    background:var(--ink);box-shadow:0 3px 8px rgba(17,19,24,0.35), inset 0 0 0 1px rgba(255,255,255,0.06);
    display:flex;align-items:center;justify-content:center;
    transition:transform .3s cubic-bezier(.4,0,.2,1), width .15s ease;
  }
  html[data-theme="dark"] .ts-knob{transform:translateX(24px);}
  .ts-icon{position:absolute;display:flex;color:var(--yellow);opacity:0;transform:scale(.5) rotate(-40deg);transition:opacity .2s ease, transform .3s ease;}
  html:not([data-theme="dark"]) .ts-sun{opacity:1;transform:scale(1) rotate(0);}
  html[data-theme="dark"] .ts-moon{opacity:1;transform:scale(1) rotate(0);}

  .promo-topbar{
    background:linear-gradient(110deg,#0a0a0a 0%,#181818 55%,#0a0a0a 100%);
    color:#fff;padding:12px 0;position:relative;overflow:hidden;
  }
  .promo-topbar::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:repeating-linear-gradient(-45deg, rgba(255,122,5,0.07) 0 14px, transparent 14px 28px);
  }
  .promo-topbar a.promo-link{
    display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
    text-decoration:none;color:#fff;position:relative;
  }
  .promo-illustration{flex-shrink:0;display:block;width:40px;height:40px;border-radius:10px;object-fit:contain;}
  .promo-text{font-size:14px;font-weight:600;line-height:1.35;text-align:center;}
  .promo-text b{font-weight:800;color:#ff7a05;}
  .promo-text span{opacity:.82;font-weight:500;}
  .promo-btn{
    background:#ff7a05;color:#0a0a0a;padding:9px 18px;border-radius:999px;font-weight:800;
    font-size:12.5px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;
    flex-shrink:0;letter-spacing:.1px;transition:transform .15s ease;
  }
  .promo-topbar a.promo-link:hover .promo-btn{transform:translateY(-1px);}
  @media(max-width:700px){
    .promo-topbar{padding:14px 0;}
    .promo-topbar .container{padding:0 20px;}
    .promo-text{font-size:13px;}
    .promo-illustration{width:32px;height:32px;}
  }

  header{
    position:sticky;top:0;z-index:50;background:var(--header-bg);
    border-bottom:1px solid var(--header-border);transition:background-color .25s ease, border-color .25s ease;
  }
  .nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:20px;}
  .logo{display:inline-flex;align-items:center;flex-shrink:0;}
  .logo img{height:30px;width:auto;}
  nav.links{display:flex;gap:26px;font-size:14.5px;font-weight:700;flex-shrink:0;}
  nav.links a{opacity:.75;text-decoration:none;color:var(--header-text);transition:opacity .15s ease;white-space:nowrap;letter-spacing:.1px;}
  nav.links a:hover{opacity:1;}
  .nav-actions{display:flex;align-items:center;gap:10px;}
  .nav-actions>*{flex-shrink:0;}

  .btn-mercado{
    display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--header-text);
    padding:9px 16px;border-radius:999px;border:1.5px solid var(--card-border);
    font-weight:700;font-size:13.5px;white-space:nowrap;
    transition:border-color .15s ease, background-color .15s ease;
  }
  .btn-mercado:hover{border-color:var(--gold-deep);background:var(--bg-alt);}
  .nav-new-badge{background:var(--yellow);color:var(--ink);font-size:9.5px;font-weight:800;letter-spacing:.3px;padding:2px 7px;border-radius:999px;text-transform:uppercase;}

  .btn-phone{
    display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--header-text);
    padding:9px 16px;border-radius:999px;border:1.5px solid var(--card-border);
    font-weight:700;font-size:13.5px;white-space:nowrap;
    transition:border-color .15s ease, background-color .15s ease;
  }
  .btn-phone:hover{border-color:var(--gold-deep);background:var(--bg-alt);}

  .nav-actions .btn-whatsapp{padding:9px 18px;font-size:13.5px;gap:8px;}
  .nav-actions .btn-whatsapp svg{width:19px;height:19px;}
  .btn-contrato{background:#141416;color:#f4c300;box-shadow:0 8px 20px rgba(0,0,0,0.22);}
  .btn-contrato:hover{background:#000;}
  .nav-actions .btn-contrato{padding:9px 18px;font-size:13.5px;gap:8px;}
  .nav-actions .btn-contrato svg{width:18px;height:18px;}

  @media(max-width:600px){
    .btn-label{display:none;}
    .btn-phone{display:none;}
    .btn-mercado{padding:7px 9px;font-size:12px;gap:5px;}
    .nav-new-badge{padding:2px 6px;font-size:9px;}
    .nav-actions .btn-whatsapp{padding:10px 10px;}
    .nav-actions .btn-contrato{padding:10px 10px;}
    .nav-actions{gap:5px;}
  }

  .hero{background:var(--bg);color:var(--hero-text);padding:76px 0 84px;position:relative;overflow:hidden;}
  html[data-theme="dark"] .hero{background:radial-gradient(900px 480px at 78% -8%, #262a1f 0%, var(--bg) 55%);}
  .hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:64px;align-items:center;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;background:var(--bg-alt);
    color:var(--hero-text);font-weight:700;font-size:12.5px;padding:8px 14px 8px 10px;border-radius:999px;
    margin-bottom:22px;letter-spacing:.2px;border:1px solid var(--card-border);
  }
  .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);}
  .hero h1{font-size:58px;line-height:1.04;margin:0 0 20px;font-weight:800;letter-spacing:-2px;}
  .hero h1 em{font-style:normal;color:var(--gold-deep);}
  .hero p.lead{font-size:17.5px;color:var(--hero-muted);max-width:480px;margin:0 0 20px;font-weight:400;}
  .vehicle-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;}
  .vehicle-chip{
    display:inline-flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:.2px;
    padding:7px 14px;border-radius:999px;background:var(--bg-alt);border:1px solid var(--card-border);color:var(--hero-muted);
  }
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}
  .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;}
  .hero-stat{
    border:1px solid var(--card-border);border-radius:14px;padding:16px 14px;background:var(--bg-alt);
  }
  .hero-stat .hs-icon{display:inline-flex;color:var(--gold-deep);margin-bottom:10px;}
  .hero-stat b{display:block;font-size:19px;font-weight:800;letter-spacing:-.4px;line-height:1.15;}
  .hero-stat span{font-size:11.5px;color:var(--muted);}

  .hero-map-card{
    position:relative;border-radius:20px;box-shadow:var(--shadow-lg);border:1px solid var(--card-border);
    background:var(--card-bg);padding:20px 22px 16px;
  }
  .hero-map-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
  .hero-map-head p{font-size:14.5px;font-weight:800;margin:0;letter-spacing:-.2px;color:var(--text);}
  .hero-map-head span{font-size:12px;color:var(--muted);}
  .spain-map{width:100%;height:auto;display:block;}
  .province{fill:var(--map-secondary);stroke:var(--card-bg);stroke-width:1.2;transition:fill .15s ease, opacity .15s ease;cursor:pointer;}
  .province.primary{fill:var(--yellow);}
  .province:hover{fill:var(--map-secondary-hover);opacity:1;}
  .province.primary:hover{fill:var(--gold);}
  .canarias-frame{fill:none;stroke:var(--card-border);stroke-dasharray:3,3;}
  .canarias-label{font-size:9px;fill:var(--muted);font-family:inherit;letter-spacing:.3px;}
  .map-legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:6px;padding-top:14px;border-top:1px solid var(--card-border);}
  .map-legend .item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);font-weight:600;}
  .map-legend .dot{width:10px;height:10px;border-radius:3px;flex-shrink:0;}
  .map-legend .dot.primary{background:var(--yellow);}
  .map-legend .dot.secondary{background:var(--bg-alt);border:1px solid var(--card-border);}
  .map-tooltip{
    position:fixed;pointer-events:none;background:var(--ink);color:#fff;padding:7px 11px;border-radius:8px;
    font-size:12.5px;font-weight:600;z-index:80;opacity:0;transform:translateY(4px);transition:opacity .12s ease, transform .12s ease;
    white-space:nowrap;
  }
  .map-tooltip.show{opacity:1;transform:translateY(0);}
  .map-tooltip .zone{display:block;font-weight:500;font-size:11px;color:#b6b8c0;margin-top:1px;}

  .trust-bar{background:var(--trust-bg);color:var(--trust-text);padding:18px 0;transition:background-color .25s ease;}
  .trust-bar .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;}
  .trust-item{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;}
  .trust-item svg{color:var(--gold);flex-shrink:0;}
  html[data-theme="dark"] .trust-item svg{color:var(--yellow);}
  .trust-bar{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);}

  section{padding:88px 0;}
  section.alt{background:var(--bg-alt);}
  .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}

  .section-head{max-width:640px;margin:0 0 48px;}
  .section-head.center{text-align:center;margin-left:auto;margin-right:auto;}
  .kicker{color:var(--gold-deep);font-weight:700;letter-spacing:1.4px;font-size:12px;text-transform:uppercase;}
  html[data-theme="dark"] .kicker{color:var(--yellow);}
  .section-head h2{font-size:30px;margin:12px 0 12px;font-weight:800;letter-spacing:-.7px;}
  .section-head p{color:var(--muted);font-size:16px;}

  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .step{
    background:var(--card-bg);border-radius:var(--radius);padding:30px 26px;
    border:1px solid var(--card-border);box-shadow:var(--shadow);
  }
  .step-num{
    font-weight:800;margin-bottom:14px;font-size:34px;letter-spacing:-1px;
    color:transparent;-webkit-text-stroke:1.3px var(--card-border);
  }
  .step h3{margin:0 0 10px;font-size:16px;font-weight:700;letter-spacing:-.2px;}
  .step p{margin:0;color:var(--muted);font-size:14px;}
  .step b{color:var(--text);font-weight:700;}

  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .why-card{
    background:var(--card-bg);border-radius:var(--radius);padding:30px 26px;
    border:1px solid var(--card-border);box-shadow:var(--shadow);
  }
  .why-card .why-icon{
    display:inline-flex;align-items:center;justify-content:center;
    width:46px;height:46px;border-radius:13px;margin-bottom:16px;
    background:rgba(244,195,0,0.13);color:var(--gold-deep);
  }
  html[data-theme="dark"] .why-card .why-icon{background:rgba(232,180,0,0.16);color:var(--yellow);}
  .why-card h3{margin:0 0 10px;font-size:16px;font-weight:700;letter-spacing:-.2px;}
  .why-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;}
  .why-card p b{color:var(--text);font-weight:700;}

  .quote-wrap{background:var(--ink);border-radius:24px;padding:52px;display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;color:#fff;box-shadow:var(--shadow-lg);}
  .quote-left h2{font-size:27px;margin:0 0 14px;font-weight:800;letter-spacing:-.6px;}
  .quote-left p{color:#b6b8c0;font-size:15px;margin:0 0 24px;}
  .quote-left .wa-inline{
    display:flex;align-items:flex-start;gap:12px;background:rgba(37,211,102,0.1);border:1px solid rgba(37,211,102,0.35);
    border-radius:14px;padding:16px 18px;font-size:13.5px;color:#e4e5e8;
  }
  .wa-inline svg{color:var(--green);flex-shrink:0;margin-top:1px;}
  .quote-form{background:#fff;border-radius:18px;padding:30px;color:#171717;}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .field{margin-bottom:0;}
  .field.full{grid-column:1 / -1;}
  .field label{display:block;font-size:12px;font-weight:700;color:#6b6e76;margin-bottom:6px;letter-spacing:.2px;}
  .field input, .field select{
    width:100%;padding:12px 13px;border-radius:9px;border:1.5px solid #e3e3e0;font-size:14.5px;font-family:inherit;
    background:#fafafa;color:#171717;
  }
  .field input:focus, .field select:focus{outline:none;border-color:var(--gold);background:#fff;}
  .field input[type="file"]{padding:7px;font-size:13px;color:#6b6e76;}
  .field input[type="file"]::file-selector-button{
    padding:9px 14px;border-radius:7px;border:none;background:#171717;color:var(--yellow);
    font-weight:700;font-size:12.5px;margin-right:12px;cursor:pointer;font-family:inherit;
  }
  .quote-form .btn{width:100%;margin-top:18px;background:var(--ink);color:var(--yellow);}
  .quote-form .btn[disabled]{opacity:.7;cursor:default;}
  .microcopy{font-size:11.5px;color:#8b8b8b;text-align:center;margin-top:12px;}
  .form-success{text-align:center;padding:26px 10px;}
  .form-success svg{color:var(--green);background:rgba(46,196,120,0.12);border-radius:50%;padding:11px;width:46px;height:46px;margin-bottom:16px;}
  .form-success h3{font-size:19px;font-weight:800;color:#171717;margin:0 0 8px;}
  .form-success p{font-size:13.5px;color:#5c5f66;margin:0;line-height:1.6;}
  .calc-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:16px;padding:22px 22px 24px;margin-top:6px;}
  .calc-head{display:flex;align-items:center;gap:9px;margin-bottom:14px;}
  .calc-head svg{color:var(--yellow);flex-shrink:0;}
  .calc-head h3{font-size:14.5px;font-weight:800;color:#fff;margin:0;letter-spacing:.1px;}
  .calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
  .calc-field.full-2{grid-column:1 / -1;}
  .calc-field label{display:block;font-size:11.5px;font-weight:700;color:#c7c9d1;margin-bottom:6px;letter-spacing:.2px;}
  .calc-field input, .calc-field select{
    width:100%;background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.18);color:#fff;
    border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;
  }
  .calc-field select option{color:#171717;}
  .calc-field input::placeholder{color:#9496a0;}
  .calc-field input:focus, .calc-field select:focus{outline:none;border-color:var(--yellow);}
  /* Bloque plegable de estado: la mayoria calcula sin tocarlo, y quien si lo
     toca recibe un rango mas estrecho. Por eso esta cerrado por defecto. */
  .calc-more{border:1px solid rgba(255,255,255,0.14);border-radius:12px;margin-bottom:12px;background:rgba(255,255,255,0.03);}
  .calc-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;}
  .calc-more>summary::-webkit-details-marker{display:none;}
  .calc-more .cm-t{font-size:13px;font-weight:800;color:#fff;}
  .calc-more .cm-s{font-size:11.5px;color:#9496a0;margin-left:auto;text-align:right;}
  .calc-more .cm-chev{width:14px;height:14px;color:var(--yellow);flex-shrink:0;transition:transform .18s ease;}
  .calc-more[open] .cm-chev{transform:rotate(90deg);}
  .calc-more .cm-body{padding:0 14px 14px;}
  .calc-more .calc-grid{margin-bottom:10px;}
  .calc-checks{display:flex;flex-direction:column;gap:8px;}
  .calc-checks label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:10px 12px;}
  .calc-checks label:hover{border-color:rgba(244,195,0,0.45);}
  .calc-checks input{accent-color:var(--yellow);width:16px;height:16px;margin-top:1px;flex-shrink:0;}
  .calc-checks b{display:block;font-size:12.5px;font-weight:700;color:#fff;margin-bottom:2px;}
  .calc-checks i{display:block;font-size:11px;font-style:normal;color:#9496a0;line-height:1.5;}
  .calc-adj{margin:6px 0 0 !important;font-size:11.5px !important;color:#c7c9d1 !important;}
  .calc-adj .up{color:#25d366;font-weight:700;}
  .calc-adj .down{color:#ff8a65;font-weight:700;}
  .calc-exact{margin:10px 0 0 !important;padding-top:10px;border-top:1px solid rgba(244,195,0,0.25);font-size:11.5px !important;line-height:1.6 !important;}
  .calc-exact b{color:#fff;}
  .calc-incierto{display:none;margin:8px 0 0 !important;padding:9px 11px;border-radius:9px;background:rgba(255,138,101,0.1);border:1px solid rgba(255,138,101,0.35);font-size:11.5px !important;line-height:1.55 !important;}
  .calc-incierto.show{display:block;}
  .calc-incierto b{color:#fff;}
  .foto-hint{display:block;font-size:12px;color:#6b6e76;line-height:1.55;margin-top:7px;}
  .foto-hint.ok{color:#128c3e;font-weight:600;}
  /* Captura de contacto dentro del resultado. El mejor momento para pedir un
     telefono es el segundo en que alguien acaba de ver lo que vale su coche,
     no antes: antes es un peaje, aqui es una respuesta a lo que esta mirando. */
  .calc-lead{margin-top:12px;padding-top:12px;border-top:1px solid rgba(244,195,0,0.25);}
  .calc-lead .cl-t{font-size:12.5px !important;color:#fff !important;font-weight:800;margin:0 0 3px !important;}
  .calc-lead .cl-s{font-size:11.5px !important;margin:0 0 10px !important;}
  .calc-lead .cl-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .calc-lead .cl-pref{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:9px;}
  .calc-lead .cl-pref>span{font-size:11.5px;color:#9496a0;margin-right:2px;}
  .calc-lead .cl-pref label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;
    border:1.5px solid rgba(255,255,255,0.18);border-radius:999px;padding:5px 11px;font-size:12px;color:#c7c9d1;}
  .calc-lead .cl-pref input{accent-color:var(--yellow);width:14px;height:14px;margin:0;}
  .calc-lead .cl-pref input:checked+span{color:#fff;font-weight:700;}
  .calc-lead .cl-pref label:has(input:checked){border-color:var(--yellow);background:rgba(244,195,0,0.1);}
  .calc-lead input.bad{border-color:#ff8a65;}
  .calc-lead .cl-alt{margin:9px 0 0 !important;font-size:11px !important;color:#9496a0 !important;}
  .calc-lead .cl-alt a{color:var(--yellow);font-weight:700;text-decoration:underline;}
  .calc-lead input{
    background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.18);color:#fff;
    border-radius:9px;padding:10px 12px;font-size:13.5px;font-family:inherit;min-width:0;
  }
  .calc-lead input::placeholder{color:#9496a0;}
  .calc-lead input:focus{outline:none;border-color:var(--yellow);}
  .calc-lead button{
    width:100%;margin-top:9px;background:var(--yellow);color:#171717;font-weight:800;font-size:13.5px;
    border:none;border-radius:9px;padding:11px 16px;cursor:pointer;font-family:inherit;
  }
  .calc-lead button:disabled{opacity:.6;cursor:default;}
  .calc-lead .cl-msg{margin:8px 0 0 !important;font-size:12px !important;}
  .calc-lead .cl-msg.ok{color:#25d366 !important;font-weight:700;}
  .calc-lead .cl-msg.err{color:#ff8a65 !important;}
  @media (max-width:560px){ .calc-lead .cl-row{grid-template-columns:1fr;} }
  .btn-calc{
    width:100%;background:rgba(244,195,0,0.14);border:1.5px solid var(--yellow);color:var(--yellow);
    font-weight:700;font-size:13.5px;padding:11px;border-radius:10px;cursor:pointer;transition:background .15s ease;
    font-family:inherit;
  }
  .btn-calc:hover{background:rgba(244,195,0,0.24);}
  .calc-result{display:none;margin-top:16px;background:rgba(244,195,0,0.1);border:1px solid rgba(244,195,0,0.3);border-radius:12px;padding:16px 18px;}
  .calc-result.show{display:block;}
  .calc-result .calc-vehicle{font-size:11.5px;font-weight:700;color:#c7c9d1;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px;}
  .calc-result .calc-vehicle:empty{display:none;}
  .calc-result .calc-range{font-size:22px;font-weight:800;color:var(--yellow);margin:0 0 6px;}
  .calc-result p{color:#c7c9d1;font-size:12px;margin:0;line-height:1.55;}
  .calc-context{margin:14px 0 0;font-size:11.5px;color:#9496a0;line-height:1.6;}
  .calc-context b{color:#c7c9d1;}
  .calc-context a{color:#ff7a05;font-weight:700;text-decoration:none;}
  .calc-context a:hover{text-decoration:underline;}
  .btn-calc-wa{
    display:none;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;
    background:var(--green);color:#fff;font-weight:700;font-size:13.5px;padding:11px;border-radius:10px;
    text-decoration:none;box-shadow:0 8px 20px rgba(37,211,102,0.28);font-family:inherit;
  }
  .btn-calc-wa svg{width:17px;height:17px;flex-shrink:0;}
  .btn-calc-wa.show{display:inline-flex;}
  .hp-field{position:absolute;left:-9999px;top:-9999px;}

  .coverage-head{max-width:640px;margin:0 auto 44px;text-align:center;}
  .region-tier{margin-bottom:28px;}
  .region-tier h3{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 16px;text-align:center;}
  .region-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
  .region-chip{padding:9px 18px;border-radius:999px;font-size:13.5px;font-weight:600;border:1px solid var(--card-border);}
  .region-chip.primary{background:rgba(244,195,0,0.11);color:var(--gold-deep);border-color:rgba(244,195,0,0.4);}
  a.region-chip:hover{border-color:var(--yellow);color:var(--text);}
  .region-chip.secondary{background:var(--card-bg);color:var(--muted);}

  .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .case-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);}
  .case-tag{
    display:inline-flex;align-items:center;gap:7px;background:rgba(244,195,0,0.13);border:1px solid rgba(244,195,0,0.4);
    color:var(--gold-deep);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
    padding:6px 12px;border-radius:999px;margin-bottom:16px;
  }
  html[data-theme="dark"] .case-tag{color:var(--yellow);}
  .case-card h3{font-size:17px;margin:0 0 10px;}
  .case-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0;}

  .testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .t-card{background:var(--card-bg);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid var(--card-border);}
  .stars{color:var(--gold);font-size:14px;margin-bottom:16px;letter-spacing:2px;}
  .t-card p.quote{font-size:14.5px;color:var(--text);margin:0 0 20px;line-height:1.6;}
  .t-author{display:flex;align-items:center;gap:12px;}
  .avatar{width:38px;height:38px;border-radius:50%;background:var(--bg-alt);color:var(--text);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;}
  .t-author b{display:block;font-size:13.5px;font-weight:700;}
  .t-author span{font-size:12px;color:var(--muted);}

  .faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
  .faq-item{
    background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;
    padding:4px 22px;box-shadow:var(--shadow);
  }
  .faq-item summary{
    list-style:none;cursor:pointer;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;
    font-weight:700;font-size:15.5px;color:var(--text);
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-caret{flex-shrink:0;color:var(--gold-deep);transition:transform .2s ease;}
  html[data-theme="dark"] .faq-caret{color:var(--yellow);}
  .faq-item[open] .faq-caret{transform:rotate(180deg);}
  .faq-item p{margin:0 0 20px;color:var(--muted);font-size:14.5px;line-height:1.65;}

  /* FLYER — full size, elegant frame */
  .flyer-block{display:flex;flex-direction:column;gap:40px;}
  .flyer-piece{display:grid;grid-template-columns:1.2fr 0.8fr;gap:40px;align-items:center;}
  .flyer-piece.reverse{grid-template-columns:0.8fr 1.2fr;}
  .flyer-piece.reverse .flyer-img-wrap{order:2;}
  .flyer-piece.reverse .flyer-copy{order:1;}
  .flyer-mat{
    background:var(--card-bg);border:1px solid var(--card-border);border-radius:22px;
    padding:22px;box-shadow:var(--shadow-lg);
  }
  .flyer-img-wrap{border-radius:8px;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 18px 40px rgba(0,0,0,0.16);}
  .flyer-piece.reverse .flyer-img-wrap{transform:rotate(1.2deg);}
  .flyer-img-wrap img{width:100%;height:auto;display:block;}
  .flyer-caption{text-align:center;margin-top:16px;font-size:12px;color:var(--muted);letter-spacing:.3px;}
  .flyer-copy .kicker-sm{font-size:11.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
  .flyer-copy h3{font-size:21px;margin:0 0 12px;font-weight:800;letter-spacing:-.4px;}
  .flyer-copy p{color:var(--muted);font-size:14.5px;margin:0;}
  .qr-strip{
    display:flex;align-items:center;gap:22px;background:var(--card-bg);border:1px solid var(--card-border);
    border-radius:18px;padding:24px 28px;box-shadow:var(--shadow);
  }
  .qr-strip .qr-box{background:#fff;padding:8px;border-radius:10px;flex-shrink:0;}
  .qr-strip img{width:88px;height:88px;}
  .qr-strip h3{margin:0 0 6px;font-size:15px;font-weight:700;}
  .qr-strip p{margin:0;font-size:13px;color:var(--muted);}

  .fleet-photo-wrap{position:relative;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--card-border);}
  .fleet-photo-wrap img{width:100%;height:380px;object-fit:cover;object-position:center 35%;}
  .fleet-caption{
    position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:9px;
    background:rgba(10,10,12,0.88);color:#fff;font-weight:700;font-size:14.5px;
    padding:12px 18px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,0.35);
  }
  .fleet-caption svg{color:var(--yellow);flex-shrink:0;}

  /* Mini "listing card" preview mockups — reused over the fleet photo and inside
     the mercado banner so both sections visually preview the same marketplace UI. */
  .mp-card{
    background:#fff;border-radius:14px;padding:13px 14px;width:168px;
    box-shadow:0 16px 34px rgba(17,19,24,0.28);border:1px solid rgba(17,19,24,0.06);
  }
  .mp-pill{
    display:inline-block;background:rgba(244,195,0,0.18);color:#9c6f00;font-size:9.5px;font-weight:800;
    text-transform:uppercase;letter-spacing:.3px;padding:3px 8px;border-radius:999px;margin-bottom:7px;
  }
  .mp-title{font-size:12.5px;font-weight:700;color:#111318;margin:0 0 3px;line-height:1.3;}
  .mp-meta{font-size:10.5px;color:#767a83;margin:0 0 6px;}
  .mp-price{font-size:14px;font-weight:800;color:#111318;margin:0;}

  .fleet-preview{
    position:absolute;top:18px;right:18px;display:flex;flex-direction:column;gap:12px;z-index:2;
    text-decoration:none;
  }
  .fleet-preview .mp-card:nth-child(1){transform:rotate(-2deg);}
  .fleet-preview .mp-card:nth-child(2){transform:rotate(1.5deg);margin-left:26px;}
  .fleet-preview-tag{
    position:absolute;top:18px;left:20px;z-index:2;display:inline-flex;align-items:center;gap:6px;
    background:var(--ink);color:var(--yellow);font-size:11px;font-weight:700;padding:7px 13px;
    border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.35);text-decoration:none;
  }
  .fleet-stats-bar{
    margin-top:24px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;
    box-shadow:var(--shadow);padding:32px 36px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;
  }
  .fs-badge{
    display:inline-flex;align-items:center;gap:6px;background:rgba(244,195,0,0.13);border:1px solid rgba(244,195,0,0.4);
    color:var(--gold-deep);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
    padding:6px 13px;border-radius:999px;margin-bottom:12px;
  }
  html[data-theme="dark"] .fs-badge{color:var(--yellow);}
  .fs-num{font-size:48px;font-weight:800;letter-spacing:-1.5px;color:var(--gold-deep);line-height:1;flex-shrink:0;}
  html[data-theme="dark"] .fs-num{color:var(--yellow);}
  .fs-copy{flex:1;min-width:240px;}

  .mercado-banner{
    background:linear-gradient(135deg, #ffd23d 0%, var(--yellow) 55%, #e8a800 100%);
    border-radius:28px;padding:52px;position:relative;overflow:hidden;
    display:grid;grid-template-columns:1.15fr 0.85fr;gap:44px;align-items:center;
    box-shadow:0 30px 70px rgba(17,19,24,0.22);
  }
  .mercado-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 300px at 100% 0%, rgba(255,255,255,0.35), transparent 62%);pointer-events:none;}
  .mercado-banner-text{position:relative;}
  .mb-kicker{
    display:inline-flex;align-items:center;gap:6px;color:var(--ink)!important;background:rgba(17,19,24,0.12);
    padding:5px 13px;border-radius:999px;font-size:11px;letter-spacing:1px;font-weight:800;
    text-transform:uppercase;
  }
  .mercado-banner h2{font-size:32px;margin:16px 0 14px;font-weight:800;letter-spacing:-.8px;color:var(--ink);line-height:1.16;max-width:520px;}
  .mercado-banner p{color:rgba(17,19,24,0.75);font-size:15.5px;margin:0 0 26px;max-width:460px;line-height:1.6;}
  .mercado-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;position:relative;}
  .mercado-chip{
    display:inline-flex;align-items:center;gap:6px;background:rgba(17,19,24,0.09);color:var(--ink);
    font-weight:700;font-size:12.5px;padding:8px 15px;border-radius:999px;
  }
  .mercado-side{position:relative;background:var(--ink);border-radius:20px;padding:30px 28px;box-shadow:0 20px 50px rgba(17,19,24,.35);}
  .mercado-side h3{color:#fff;font-size:13.5px;font-weight:700;margin:0 0 18px;letter-spacing:.2px;text-transform:uppercase;}
  .mercado-stat-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,0.1);}
  .mercado-stat-row:first-of-type{border-top:none;padding-top:0;}
  .mercado-stat-row .ms-icon{
    color:var(--yellow);flex-shrink:0;display:flex;align-items:center;justify-content:center;
    width:36px;height:36px;border-radius:50%;background:rgba(244,195,0,0.12);
  }
  .mercado-stat-row b{display:block;color:#fff;font-size:14.5px;font-weight:700;}
  .mercado-stat-row span{color:#9a9da5;font-size:12px;}
  .fs-copy p{margin:0;font-size:15.5px;color:var(--muted);line-height:1.6;}
  .fs-copy p b{color:var(--text);font-weight:700;}

  .partner-banner{
    background:var(--card-bg);border:1px solid var(--card-border);border-radius:22px;box-shadow:var(--shadow);
    padding:36px 40px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;
  }
  .partner-icon{
    width:64px;height:64px;border-radius:16px;flex-shrink:0;overflow:hidden;
    box-shadow:0 4px 14px rgba(0,0,0,0.18);
  }
  .partner-icon img{width:100%;height:100%;object-fit:contain;background:#0a0a0a;}
  .partner-copy{flex:1;min-width:260px;}
  .partner-copy .kicker-sm{color:#ff7a05;display:block;font-weight:700;font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;}
  .partner-copy h3{margin:0 0 8px;font-size:19px;font-weight:800;letter-spacing:-.3px;}
  .partner-copy p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6;max-width:520px;}
  .partner-cta-wrap{flex-shrink:0;text-align:center;}
  .btn-partner{
    display:inline-flex;align-items:center;gap:8px;background:#ff7a05;color:#0a0a0a;
    padding:13px 22px;border-radius:12px;font-weight:800;font-size:14.5px;white-space:nowrap;
    box-shadow:0 8px 20px rgba(255,122,5,0.3);text-decoration:none;transition:transform .15s ease;
  }
  .btn-partner:hover{transform:translateY(-1px);}
  .partner-note{font-size:11px;color:var(--muted);margin-top:8px;}

  .final-cta{
    background:var(--ink);border-radius:26px;padding:64px 40px;text-align:center;color:#fff;position:relative;overflow:hidden;
  }
  .final-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 80% -10%, rgba(245,239,20,0.18), transparent 60%);}
  .final-cta h2{font-size:31px;margin:0 0 12px;font-weight:800;letter-spacing:-.7px;position:relative;}
  .final-cta p{font-size:16px;margin:0 0 30px;color:#b6b8c0;position:relative;}
  .final-cta .hero-cta{position:relative;}

  footer{background:var(--footer-bg);color:var(--footer-text);padding:56px 0 28px;font-size:13.5px;}
  .footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:36px;margin-bottom:36px;}
  .footer-logo{display:inline-flex;margin-bottom:16px;background:#fff;padding:7px 12px;border-radius:9px;}
  .footer-logo img{height:20px;}
  .footer-col a{display:flex;align-items:center;gap:8px;color:#9a9da5;text-decoration:none;margin-bottom:10px;}
  .footer-col a:hover{color:#fff;}
  .footer-col h5{color:#fff;margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.3px;}
  .footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#5f626b;font-size:12.5px;}

  .wa-float{
    position:fixed;bottom:24px;right:24px;background:var(--green);color:#fff;
    width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    box-shadow:0 12px 28px rgba(37,211,102,0.45);z-index:60;text-decoration:none;
  }

  @media(max-width:1130px){
    .btn-phone{display:none;}
  }
  @media(max-width:960px){
    nav.links{display:none;}
    .hero-grid{grid-template-columns:1fr;}
    .hero h1{font-size:38px;letter-spacing:-1px;}
    .steps{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:1fr;}
    .quote-wrap{grid-template-columns:1fr;padding:30px;}
    .form-grid{grid-template-columns:1fr;}
    .calc-grid{grid-template-columns:1fr;}
    .case-grid{grid-template-columns:1fr;}
    .mercado-banner{padding:34px 26px;grid-template-columns:1fr;}
    .fleet-preview{display:none;}
    .fleet-preview-tag{font-size:10.5px;padding:6px 11px;}
    .testimonials{grid-template-columns:1fr;}
    .flyer-piece, .flyer-piece.reverse{grid-template-columns:1fr;}
    .flyer-piece.reverse .flyer-img-wrap{order:1;}
    .flyer-piece.reverse .flyer-copy{order:2;}
    .qr-strip{flex-direction:column;text-align:center;}
  }
  @media(max-width:600px){
    section{padding:60px 0;}
    .hero{padding:48px 0 60px;}
    .hero-stats{grid-template-columns:repeat(2,1fr);}
    .container{padding:0 16px;}
    .nav-wrap{gap:6px;}
    .nav-actions{gap:6px;}
    .logo img{height:20px;}
    .theme-switch{width:46px;height:26px;}
    .ts-knob{width:20px;height:20px;}
    html[data-theme="dark"] .ts-knob{transform:translateX(20px);}
    .fleet-photo-wrap img{height:220px;}
    .fleet-caption{left:12px;bottom:12px;padding:9px 14px;font-size:13px;}
    .fleet-stats-bar{padding:24px 22px;gap:18px;}
    .fs-num{font-size:38px;}
    .partner-banner{padding:26px 22px;text-align:center;justify-content:center;}
    .partner-cta-wrap{width:100%;}
    .btn-partner{width:100%;justify-content:center;}
  }

  /* narrow phones: keep the whole header inside the viewport */
  @media (max-width:480px){
    .nav-wrap{gap:8px;}
    .logo img{max-width:148px;height:auto;}
    .nav-actions{gap:6px;}
    .btn-contrato .btn-label,.btn-mercado .nav-new-badge{display:none;}
    .btn-contrato{padding:9px 11px;}
    .btn-mercado{padding-left:10px;padding-right:10px;}
  }




  /*map-click*/
  .prov-link{outline:none}
  .prov-link:focus-visible .province{stroke:var(--yellow);stroke-width:2.4}
  .province.active{fill:var(--gold)!important;stroke:#fff;stroke-width:1.8}
  .hero-map-card{overflow:hidden}
  .prov-card{position:absolute;left:14px;right:14px;bottom:14px;z-index:5;background:var(--card-bg);border:1px solid var(--card-border);
    border-radius:16px;padding:16px 18px 16px;box-shadow:0 18px 50px rgba(0,0,0,.35);opacity:0;transform:translateY(12px);
    pointer-events:none;transition:opacity .2s ease,transform .2s ease}
  .prov-card.show{opacity:1;transform:none;pointer-events:auto}
  .prov-card .pc-x{position:absolute;top:8px;right:10px;width:32px;height:32px;border-radius:50%;border:0;background:transparent;
    color:var(--muted);font-size:22px;line-height:1;cursor:pointer}
  .prov-card .pc-x:hover{background:var(--bg-alt);color:var(--text)}
  .prov-card .pc-zone{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--gold-deep)}
  html[data-theme="dark"] .prov-card .pc-zone{color:var(--yellow)}
  .prov-card h4{margin:4px 0 6px;font-size:19px;font-weight:800;letter-spacing:-.3px;padding-right:30px}
  .prov-card p{margin:0 0 8px;font-size:13px;color:var(--muted);line-height:1.5}
  .prov-card .pc-d{background:var(--bg-alt);border-radius:10px;padding:9px 11px;color:var(--text)}
  .prov-card .pc-d b{color:var(--gold-deep)}
  html[data-theme="dark"] .prov-card .pc-d b{color:var(--yellow)}
  .prov-card .pc-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
  .prov-card .pc-cta .btn{padding:10px 16px;font-size:13.5px;flex:1 1 auto}
  /*/map-click*/