/* GRUPO GAME — sistema de diseño propio · Varela Insights s556 2026-10-20
   Sin frameworks. Tokens de marca: naranja GAME #ed5f04, Open Sans (variable, self-hosted). */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url("/assets/game/fonts/open-sans-variable.woff2") format("woff2")}
:root{
  --naranja:#ed5f04;--naranja-oscuro:#c64f03;--naranja-texto:#b44700;--naranja-suave:#fff1e8;
  --carbon:#16191d;--carbon-2:#22262c;--tinta:#1d2126;--gris:#5c6673;
  --linea:#e6e3dd;--crema:#f7f5f1;--blanco:#fff;--verde:#1e9e5a;--verde-oscuro:#167a45;--gris-claro:#6b7480;
  --radio:14px;--radio-s:8px;--sombra:0 10px 30px rgba(22,25,29,.10);
  --ancho:1200px;--gutter:clamp(16px,4vw,32px);
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-anchor:none;scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.6;color:var(--tinta);background:var(--blanco);overflow-wrap:anywhere}
img{max-width:100%;height:auto;display:block}
a{color:var(--naranja-texto);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--naranja)}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.15;font-weight:800;letter-spacing:-.015em;overflow-wrap:normal;hyphens:manual}
h1{font-size:clamp(2.05rem,4.6vw,3.3rem)}
h2{font-size:clamp(1.55rem,3vw,2.25rem)}
h3{font-size:1.15rem;font-weight:700}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.25em}
strong{font-weight:700}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{max-width:var(--ancho);margin:0 auto;padding:0 var(--gutter)}
.sec{padding:clamp(48px,7vw,84px) 0}
.sec-crema{background:var(--crema)}
.sec-carbon{background:var(--carbon);color:#e9ebee}
.sec-carbon h2,.sec-carbon h3{color:#fff}
.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--naranja-texto);margin-bottom:.6em}
.sec-carbon .eyebrow{color:#ff9a5a}
.rule::before{content:"";display:block;width:56px;height:5px;background:var(--naranja);border-radius:3px;margin-bottom:18px}
.lead{font-size:1.12rem;color:var(--gris);max-width:68ch}
.sec-carbon .lead{color:#c9ced6}
.cols-2{display:grid;gap:28px;grid-template-columns:1fr}
.cols-3{display:grid;gap:22px;grid-template-columns:1fr}
.cols-4{display:grid;gap:20px;grid-template-columns:1fr 1fr}
@media(min-width:760px){.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:repeat(2,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1000px){.cols-3{grid-template-columns:repeat(3,1fr)}}
/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:50px;padding:.7em 1.35em;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;border:2px solid transparent;cursor:pointer;line-height:1.2;transition:transform .12s ease,background .15s ease,box-shadow .15s ease}
.btn:active{transform:translateY(1px)}
.btn-naranja{background:var(--naranja-oscuro);color:#fff}
.btn-naranja:hover{background:#a94300;color:#fff;box-shadow:0 8px 20px rgba(237,95,4,.28)}
.btn-carbon{background:var(--carbon);color:#fff}
.btn-carbon:hover{background:#000;color:#fff}
.btn-blanco{background:#fff;color:var(--carbon);border-color:#fff}
.btn-blanco:hover{background:var(--crema)}
.btn-linea{background:transparent;color:var(--carbon);border-color:var(--carbon)}
.btn-linea:hover{background:var(--carbon);color:#fff}
.sec-carbon .btn-linea{color:#fff;border-color:#fff}
.sec-carbon .btn-linea:hover{background:#fff;color:var(--carbon)}
.btn-verde{background:var(--verde);color:#fff}
.btn-verde:hover{background:var(--verde-oscuro);color:#fff}
.btn svg{width:1.1em;height:1.1em;flex:none}
/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--linea)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.logo img{width:132px;height:68px;object-fit:contain}
.nav{display:none;align-items:center;gap:4px}
.nav a{padding:.55em .8em;border-radius:999px;color:var(--tinta);text-decoration:none;font-weight:600;font-size:.95rem}
.nav a:hover{background:var(--crema);color:var(--naranja-texto)}
.nav .btn{margin-left:8px}
.nav-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:2px solid var(--carbon);border-radius:999px;padding:.45em .9em;font:inherit;font-weight:700;cursor:pointer}
@media(min-width:960px){.nav{display:flex}.nav-toggle{display:none}}
.nav.abierto{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--linea);padding:12px var(--gutter) 18px;box-shadow:var(--sombra)}
.nav.abierto a{padding:.8em .6em;border-radius:var(--radio-s)}
/* hero */
.hero{background:var(--carbon);color:#e9ebee;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:6px;background:repeating-linear-gradient(135deg,var(--naranja) 0 14px,var(--carbon) 14px 28px)}
.hero .wrap{display:grid;gap:36px;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(48px,7vw,88px);position:relative}
@media(min-width:960px){.hero .wrap{grid-template-columns:1.15fr .85fr;align-items:start}}
.hero-foto{position:absolute;inset:0;z-index:0;opacity:.42;background:var(--carbon)}
.hero-foto img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(.9)}
.hero-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,25,29,.93) 0%,rgba(22,25,29,.7) 50%,rgba(22,25,29,.25) 100%)}
.hero-copy{position:relative;z-index:1}
.hero h1{color:#fff;max-width:19ch;margin-bottom:.35em}
.hero .resalta{color:#ff9a5a;font-weight:800}
.hero .lead{color:#d6dae0;font-size:1.15rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 26px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.chips li{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.35em .85em;font-size:.88rem;font-weight:600;color:#fff;background:rgba(255,255,255,.06)}
.chips li b{color:#ff9a5a;font-weight:800}
/* formulario (embudo Hold, markup propio) */
.form-card{position:relative;z-index:1;background:#fff;color:var(--tinta);border-radius:var(--radio);padding:22px;box-shadow:var(--sombra);border-top:6px solid var(--naranja)}
.form-card h2{font-size:1.25rem;margin-bottom:.25em}
.form-card .mini{font-size:.9rem;color:var(--gris);margin-bottom:14px}
.form-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.form-grid .full{grid-column:1/-1}
.form-card label{display:block;font-size:.8rem;font-weight:700;color:var(--gris);margin-bottom:3px}
.form-card input,.form-card textarea,.form-card select{width:100%;font:inherit;font-size:1rem;padding:.62em .8em;border:1.5px solid #8a93a0;border-radius:var(--radio-s);background:#fff;color:var(--tinta)}
.form-card input:focus,.form-card textarea:focus{outline:3px solid rgba(237,95,4,.28);border-color:var(--naranja)}
.form-card textarea{min-height:76px;resize:vertical}
.form-card .btn{width:100%;margin-top:6px}
.form-card input[type="submit"]{background:var(--naranja-oscuro);color:#fff;border:2px solid transparent;font-weight:700;cursor:pointer}
.form-card input[type="submit"]:hover{background:#a94300}
.form-card input[type="submit"]:disabled{opacity:.7;cursor:wait}
.form-card .legal{font-size:.78rem;color:var(--gris-claro);margin:10px 0 0}
.form-msg{display:none;margin-top:10px;padding:.6em .8em;border-radius:var(--radio-s);background:#fff1e8;color:#8a3a00;font-size:.92rem}
.form-msg.ver{display:block}
/* hechos */
.hechos{background:#fff;border-bottom:1px solid var(--linea)}
.hechos .wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
@media(min-width:760px){.hechos .wrap{grid-template-columns:repeat(5,1fr)}}
.hecho{padding:22px 14px;border-right:1px solid var(--linea);text-align:center}
.hecho:last-child{border-right:0}
.hecho b{display:block;white-space:nowrap;font-size:clamp(1.25rem,2.1vw,2rem);font-weight:800;color:var(--naranja);letter-spacing:-.02em;line-height:1.1}
.hecho span{display:block;font-size:.85rem;color:var(--gris);margin-top:4px}
/* tarjetas */
.card{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:22px;display:flex;flex-direction:column;gap:10px}
.card h3{margin:0}
.card .n{font-size:2.2rem;font-weight:800;color:var(--naranja);line-height:1;letter-spacing:-.02em}
.card .n small{font-size:.8rem;color:var(--gris);font-weight:600;letter-spacing:0;margin-left:.35em}
.card .meta{font-size:.92rem;color:var(--gris);margin:0}
.card .meta b{color:var(--tinta)}
.card .more{margin-top:auto;font-weight:700;text-decoration:none}
.rango{position:relative;height:8px;background:var(--crema);border-radius:4px;overflow:hidden}
.rango i{position:absolute;top:0;bottom:0;background:var(--naranja);border-radius:4px}
.rango-lbl{display:flex;justify-content:space-between;font-size:.78rem;color:var(--gris-claro);margin-top:4px}
.sec-carbon .card{background:var(--carbon-2);border-color:#2f353d;color:#e9ebee}
.sec-carbon .card .meta{color:#aab2bd}.sec-carbon .card .meta b{color:#fff}
/* tablas */
.tabla-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--linea);border-radius:var(--radio);background:#fff}
table{border-collapse:collapse;width:100%;font-size:.98rem}
caption{caption-side:bottom;text-align:left;font-size:.85rem;color:var(--gris);padding:10px 14px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--linea);vertical-align:top}
thead th{background:var(--carbon);color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.02em;white-space:nowrap}
tbody tr:nth-child(even){background:var(--crema)}
tbody tr:last-child td{border-bottom:0}
td.precio,th.precio{text-align:right;white-space:nowrap}
td.precio b{color:var(--naranja-texto);font-size:1.08rem}
td.num{text-align:right;white-space:nowrap}
.tabla-grupo td{background:var(--naranja-suave)!important;font-weight:800;color:var(--naranja-texto)}
/* incluye / no incluye */
.inc{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.inc{grid-template-columns:1fr 1fr}}
.inc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.inc li{display:flex;gap:.55em;align-items:flex-start;padding:.55em .8em;border-radius:var(--radio-s);background:#fff;border:1px solid var(--linea)}
.inc .si li::before{content:"✓";color:var(--verde);font-weight:800}
.inc .no li::before{content:"✕";color:#b42318;font-weight:800}
/* pasos */
.pasos{counter-reset:p;display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:760px){.pasos{grid-template-columns:repeat(4,1fr)}}
.paso{position:relative;background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:24px 20px 20px}
.paso::before{counter-increment:p;content:counter(p);position:absolute;top:-16px;left:18px;width:34px;height:34px;border-radius:50%;background:var(--naranja);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1rem}
.paso h3{margin-top:4px}
.paso p{margin:0;color:var(--gris);font-size:.95rem}
/* datos para cotizar */
.datos{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:640px){.datos{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.datos{grid-template-columns:repeat(5,1fr)}}
.dato{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:16px}
.dato b{display:block;color:var(--naranja-texto);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.dato span{font-size:.93rem;color:var(--gris)}
/* servicio */
.serv{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:640px){.serv{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.serv{grid-template-columns:repeat(3,1fr)}}
.serv .card svg{width:34px;height:34px;color:var(--naranja)}
/* industrias */
.tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.tags li{background:#fff;border:1px solid var(--linea);border-radius:999px;padding:.5em 1em;font-weight:600;font-size:.95rem}
.miedo{background:var(--naranja-suave);border-left:5px solid var(--naranja);padding:18px 22px;border-radius:0 var(--radio) var(--radio) 0}
.miedo p{margin:0}
/* prueba */
.prueba{display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.prueba{grid-template-columns:repeat(4,1fr)}}
.prueba .card{text-align:center;align-items:center}
.prueba .n{font-size:clamp(2rem,4vw,3rem)}
.caso{background:#fff;color:var(--tinta);border:1px solid var(--linea);border-radius:var(--radio);padding:26px;border-top:6px solid var(--naranja)}
.caso .eyebrow{color:var(--naranja-texto)}
.caso p{margin:0}
.caso .cita{font-size:1.1rem;font-weight:600}
.marcas{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 22px;align-items:center;background:#fff;border-radius:var(--radio);padding:18px 24px}
@media(min-width:640px){.marcas{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1000px){.marcas{grid-template-columns:repeat(7,1fr)}}
.marcas img{width:100%;aspect-ratio:558/248;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.2s}
.marcas img:hover{filter:none;opacity:1}
/* decisión */
.decide th:first-child{width:38%}
/* FAQ */
.faq-tema{margin-top:30px}
.faq-tema h3{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--naranja-texto);margin-bottom:12px}
.faq{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:900px){.faq{grid-template-columns:1fr 1fr}}
.faq article{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:18px 20px}
.faq h4{font-size:1.03rem;font-weight:700;margin-bottom:.4em;color:var(--tinta)}
.faq p{margin:0;color:var(--gris);font-size:.95rem}
/* contacto */
.contacto-grid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:900px){.contacto-grid{grid-template-columns:1.1fr .9fr}}
.contacto-datos{display:grid;gap:14px}
.contacto-datos .card a.big{font-size:1.5rem;font-weight:800;color:var(--tinta);text-decoration:none;letter-spacing:-.01em}
.contacto-datos .card a.big:hover{color:var(--naranja)}
.mapa{border:0;width:100%;min-height:320px;border-radius:var(--radio);background:var(--crema)}
/* footer */
.pie{background:var(--carbon);color:#aab2bd;font-size:.92rem;padding:40px 0 110px}
@media(min-width:900px){.pie{padding-bottom:40px}}
.pie .wrap{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:760px){.pie .wrap{grid-template-columns:1.2fr 1fr 1fr}}
.pie a{color:#e9ebee}
.pie a:hover{color:#ff9a5a}
.pie ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.pie .logo img{filter:brightness(0) invert(1);opacity:.9}
.pie .fecha{grid-column:1/-1;border-top:1px solid #2f353d;padding-top:16px;font-size:.85rem;color:#8a93a0}
.aviso{font-size:.85rem;color:var(--gris)}
/* barra fija móvil */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px var(--gutter);background:rgba(255,255,255,.97);border-top:1px solid var(--linea);box-shadow:0 -8px 24px rgba(0,0,0,.08)}
@media(min-width:900px){.barra{display:none}}
.barra .btn{min-height:46px;font-size:.95rem}
/* diálogos (modales nativos) */
dialog{border:0;border-radius:var(--radio);padding:0;max-width:min(520px,92vw);width:100%;box-shadow:var(--sombra)}
dialog::backdrop{background:rgba(22,25,29,.6)}
dialog .form-card{box-shadow:none;border-top:0}
dialog .cerrar{position:absolute;top:10px;right:12px;background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--gris)}
/* utilidades */
.mt{margin-top:28px}.mb0{margin-bottom:0}
.nota{font-size:.88rem;color:var(--gris)}
.fecha-act{display:inline-flex;align-items:center;gap:.5em;font-size:.85rem;color:var(--gris);background:var(--crema);border-radius:999px;padding:.35em .9em}
.fecha-act::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--verde)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
@media print{.top,.barra,.fab,.hero-foto,dialog{display:none!important}}

/* equipos: 8 tarjetas (7 categorías + ayuda) */
.equipos{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:640px){.equipos{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.equipos{grid-template-columns:repeat(4,1fr)}}
.equipos .card h3{font-size:1.02rem}
.card-cta{background:var(--carbon);color:#fff;border-color:var(--carbon);justify-content:center}
.card-cta h3{color:#fff;font-size:1.3rem!important}
.card-cta p{color:#c9ced6;margin:0}

.filtros{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin:0 0 18px}
.filtros label{font-weight:700;font-size:.92rem;display:flex;flex-direction:column;gap:4px;max-width:100%;min-width:0}
.filtros select{font:inherit;font-size:.95rem;padding:.5em 2em .5em .8em;border:1.5px solid var(--linea);border-radius:var(--radio-s);background:#fff;color:var(--tinta);max-width:100%;width:100%}
@media(min-width:640px){.filtros label{flex-direction:row;align-items:center;gap:8px}.filtros select{width:auto;max-width:min(100%,420px)}}

/* botón flotante (s556 2026-10-21): ícono siempre; burbuja con la pregunta a ≈3 s o al bajar 25 %. La burbuja es absoluta (no cambia el tamaño del contenedor) y solo anima transform/opacity → CLS 0. */
.fab{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:70;width:60px;height:60px;pointer-events:none}
@media(min-width:900px){.fab{right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
.fab>*{pointer-events:auto}
.fab-ico{width:60px;height:60px;border-radius:50%;background:var(--verde-oscuro);color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(22,25,29,.32);text-decoration:none;transition:transform .15s ease,opacity .2s ease}
.fab-ico svg{width:32px;height:32px}
.fab-ico:hover{background:var(--verde);transform:scale(1.05)}
.fab-ico:focus-visible,.fab-txt:focus-visible,.fab-x:focus-visible{outline:3px solid var(--carbon);outline-offset:3px}
.fab-burbuja{position:absolute;right:0;bottom:calc(100% + 12px);width:max-content;max-width:min(300px,calc(100vw - 28px));background:#fff;color:var(--tinta);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}
.fab-burbuja[hidden]{display:none}
.fab-burbuja.ver{opacity:1;transform:none}
.fab-burbuja::after{content:"";position:absolute;right:22px;bottom:-7px;width:12px;height:12px;background:#fff;border-right:1px solid var(--linea);border-bottom:1px solid var(--linea);transform:rotate(45deg)}
.fab-txt{display:block;padding:14px 44px 14px 16px;color:inherit;text-decoration:none;line-height:1.35}
.fab-txt strong{display:block;font-size:1rem}
.fab-x{position:absolute;top:0;right:0;width:44px;height:44px;background:none;border:0;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--gris)}
.fab-burbuja.fab-calla,.fab-burbuja.fab-escribe{visibility:hidden}
.fab.fab-shy .fab-ico{opacity:.28;transform:scale(.82);pointer-events:none}
@media(prefers-reduced-motion:reduce){.fab-ico,.fab-burbuja{transition:none}.fab-ico:hover{transform:none}}

/* ── 22-oct-2026: WhatsApp directo + paquete A de los 3 expertos ─────────────────────────── */
/* precio tachado al pasar el cursor / tocar → «Escríbenos y lo platicamos» (patrón PRECIOS_HOVER_STRIKE); el precio sigue en el HTML tal cual para el crawler y el JSON-LD */
.precio-wa{position:relative;display:inline-block;color:inherit;text-decoration:none;padding:2px 0}
.precio-wa b{transition:color .2s,text-decoration-color .2s;text-decoration:line-through transparent;text-decoration-thickness:2px}
.precio-wa:hover b,.precio-wa:focus-visible b,.precio-wa.toca b{color:var(--gris);text-decoration-color:var(--naranja)}
.precio-tip{position:absolute;right:0;top:calc(100% + 4px);z-index:5;white-space:nowrap;font-size:.8rem;font-weight:700;color:#fff;background:var(--verde-oscuro);padding:5px 9px;border-radius:7px;box-shadow:0 6px 16px rgba(22,25,29,.25);opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;pointer-events:none}
.precio-wa:hover .precio-tip,.precio-wa:focus-visible .precio-tip,.precio-wa.toca .precio-tip{opacity:1;transform:none}
td.precio{position:relative}
/* vibración del botón flotante al salir la burbuja (2 sacudidas, solo transform; reduced-motion la apaga) */
@keyframes fab-vibra{0%,100%{transform:rotate(0)}15%{transform:rotate(-14deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-9deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}
.fab-ico.vibra{animation:fab-vibra .9s ease-in-out 2}
@media(prefers-reduced-motion:reduce){.fab-ico.vibra{animation:none}.precio-wa b,.precio-tip{transition:none}}
/* tablas del celular → tarjetas apiladas (CSS probado por los expertos en réplica local, 20-oct; medido: home −1,658 px, flota −2,872 px) */
@media(max-width:759px){
 .decide,.decide tbody,.decide tr,.decide td{display:block;width:100%}
 .decide thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .decide caption{display:block}
 .decide tbody tr:nth-child(even){background:#fff}
 .decide tr{padding:16px 16px 14px;border-bottom:1px solid var(--linea)}
 .decide td{padding:0;border:0}
 .decide td:nth-child(1){font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--naranja-texto);margin-bottom:4px}
 .decide td:nth-child(2){font-size:1.0625rem;line-height:1.35;margin-bottom:6px}
 .decide td:nth-child(3){font-size:.9375rem;color:var(--gris)}
 table.flota,.flota tbody{display:block}
 .flota thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .flota caption{display:block}
 .flota tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 3.25rem;gap:2px 12px;padding:12px 14px;border-bottom:1px solid var(--linea);align-items:baseline}
 .flota tr.tabla-grupo{display:block;padding:0}
 .flota td{display:block;padding:0;border:0;white-space:normal;text-align:left;font-size:.9375rem}
 .flota tr:not(.tabla-grupo) td:nth-child(1){display:none}
 .flota td:nth-child(2){order:1;font-weight:800;font-size:1.0625rem}
 .flota td:nth-child(2)::after{content:" lb";font-weight:600;font-size:.8125rem;color:var(--gris)}
 .flota td:nth-child(3){order:2;color:var(--gris)}
 .flota td:nth-child(3)::before{content:"≈ "}.flota td:nth-child(3)::after{content:" kg"}
 .flota td:nth-child(7){order:3;text-align:right}
 .flota td:nth-child(7)::before{content:"× "}
 .flota td:nth-child(4){order:4}.flota td:nth-child(5){order:5}
 .flota td:nth-child(6){order:6;grid-column:1/-1;color:var(--gris)}
 .flota tr.tabla-grupo td{padding:12px 14px;font-size:.875rem}
 .contacto-datos .card a.big{font-size:clamp(1.05rem,5.4vw,1.5rem);overflow-wrap:normal}
}
/* 22-oct: tarjeta de WhatsApp en el hero (sustituye al formulario, que bajó a #formulario) */
.wa-card .wa-pasos{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.wa-card .wa-pasos li{font-size:.95rem;color:var(--gris);padding-left:1.4em;position:relative}
.wa-card .wa-pasos li::before{content:"✓";position:absolute;left:0;color:var(--verde-oscuro);font-weight:800}
.wa-card .wa-pasos b{color:var(--tinta)}
.wa-card .btn{width:100%;font-size:1.05rem;padding:.9em 1em}
.wa-card .legal{margin-top:12px;font-size:.85rem;color:var(--gris)}
.form-abajo{max-width:720px}
/* 22-oct: cotizador del hero (chips grandes, un paso a la vez) */
.cotizador .cz-paso{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--naranja-texto);margin:0 0 10px}
.cotizador .cz-ruta{font-weight:600;letter-spacing:0;text-transform:none;color:var(--gris)}
.cotizador .cz-atras{font:inherit;font-size:.8rem;font-weight:700;color:var(--naranja-texto);background:none;border:0;padding:0 0 0 6px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cotizador .cz-q{font-weight:800;font-size:1.05rem;margin:0 0 10px;color:var(--tinta)}
.cotizador .cz-ops{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.cotizador .cz-chip{display:inline-flex;align-items:center;min-height:44px;padding:.55em .95em;border:1.5px solid #8a93a0;border-radius:999px;background:#fff;color:var(--tinta);font:inherit;font-size:.95rem;font-weight:600;line-height:1.25;text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.cotizador .cz-chip:hover,.cotizador .cz-chip:focus-visible{border-color:var(--naranja);background:var(--naranja-suave);transform:translateY(-1px);outline:none}
.cotizador .cz-res .cz-rec{font-size:1.02rem;line-height:1.4;margin:0 0 8px}
.cotizador .cz-res .cz-precio{font-size:.92rem;color:var(--gris);line-height:1.45;margin:0 0 12px}
.cotizador .cz-res .btn{width:100%;font-size:1.05rem;padding:.9em 1em}
.cotizador .legal{margin-top:12px;font-size:.85rem;color:var(--gris)}
.cotizador .cz-chip.cz-off{color:var(--gris);border-style:dashed;cursor:not-allowed;background:#f6f6f6}