/* Tipografía propia: Bricolage Grotesque (licencia OFL, alojada aquí: sin peticiones externas) */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/bricolage-400.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/bricolage-700.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/bricolage-800.woff2) format("woff2")}

:root{--navy:#12263A;--orange:#F26B3A;--dk:#B8420F;--cream:#FFF3EA;--white:#fff;--peach:#FFB48F;--tint:#FFE4D6;--yellow:#FFC857;--line:#77848f;--soft:#EFDCCB;--err:#b42318;--r:18px;--hard:5px 5px 0 var(--navy);--ease:cubic-bezier(.34,1.56,.64,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:12px}
body{margin:0;font:400 1.0625rem/1.55 "Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--navy);background:var(--cream);-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{line-height:1.12;margin:0 0 .6em;letter-spacing:-.025em;font-weight:800}
h1{font-size:clamp(1.75rem,7.4vw,3.4rem);line-height:1.05}
h2{font-size:clamp(1.65rem,6.4vw,2.35rem)}
p{margin:0 0 1em}
b,strong{font-weight:800}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px;box-shadow:0 0 0 6px var(--orange)}
.top :focus-visible,.hero :focus-visible,.pie :focus-visible,.dark :focus-visible{outline-color:var(--cream);box-shadow:none}

/* Dibujos: contorno y colores de la marca */
.s{stroke:#12263A;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.n{fill:none}.fo{fill:#F26B3A}.fp{fill:#FFB48F}.fc{fill:#FFF3EA}.fw{fill:#fff}.fy{fill:#FFC857}.fg{fill:#2EB872}.fi{fill:#12263A}.fb{fill:#7A3E2B}.fr{fill:#D9432B}
svg{overflow:visible}.art{display:block}
.ic-big{width:84px;height:84px;flex:none}.ic-med{width:64px;height:64px;flex:none}

/* Cabecera */
.top{background:var(--navy);color:var(--white)}
.top-in{display:flex;align-items:center;justify-content:space-between;min-height:70px}
.top .brand,.pie .brand{color:var(--white)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.4rem;letter-spacing:-.035em}
.brand img{display:block}
.brand span{text-shadow:2px 2px 0 var(--orange)}
.acciones{display:flex;gap:14px}
.lnk{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:3px solid var(--navy);border-radius:999px;background:var(--white);color:var(--navy);font-weight:800;text-decoration:none;box-shadow:3px 3px 0 var(--navy);transition:transform .15s var(--ease),box-shadow .15s}
.lnk:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--navy)}
.ibtn{width:48px;padding:0;box-shadow:3px 3px 0 var(--orange)}
.ibtn:hover{transform:translate(-1px,-2px) rotate(-8deg);box-shadow:5px 5px 0 var(--orange)}
.ibtn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--orange)}
.ibtn .ic{width:26px;height:26px}

/* Hero: bloque de color plano, sin brillos */
.hero{position:relative;overflow:hidden;color:var(--navy);padding:18px 0 0;background:radial-gradient(#E4592B 1.6px,transparent 2.1px) 0 0/20px 20px,var(--orange)}
.hero-in{display:grid;gap:22px;align-items:center}
.etiqueta{display:flex;align-items:flex-start;gap:10px;margin:0 0 10px;font-weight:800;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase}
.etiqueta::before{content:"";flex:none;width:11px;height:11px;margin-top:.22em;border:3px solid var(--navy);border-radius:50%;background:var(--cream)}
.sub-r{padding:.02em .2em;margin:0 -.04em;border-radius:.2em .55em .25em .5em;background:var(--cream);box-shadow:.07em .07em 0 var(--navy);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero p.sub{font-size:1.06rem;max-width:32em;margin:0 0 1.1em}
.hero-art{display:none}
.escena{width:100%;height:112px;margin-top:6px}

/* Botones */
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 22px;border:3px solid var(--navy);border-radius:16px;background:var(--orange);color:var(--navy);font-family:inherit;font-weight:800;font-size:1.05rem;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--navy);transition:transform .15s,box-shadow .15s}
.btn::after{content:"→";margin-left:10px;font-weight:800}
.btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--navy)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--navy)}
.btn[disabled]{opacity:.8;cursor:wait;transform:none;box-shadow:4px 4px 0 var(--navy)}
.btn[disabled]::after{content:""}
.hero .btn{background:var(--navy);color:var(--white);box-shadow:4px 4px 0 var(--cream)}
.hero .btn:hover{box-shadow:6px 6px 0 var(--cream)}
.hero .btn:active{box-shadow:1px 1px 0 var(--cream)}
@media (max-width:419px){.btn::after{display:none}}
@media (min-width:600px){.btn{width:auto;min-width:300px}.hero .btn{display:inline-flex}}

/* Tarjeta del cuestionario */
#formulario{max-width:720px;margin-top:-22px;margin-bottom:12px;position:relative;z-index:2}
.card{position:relative;background:var(--white);border:3px solid var(--navy);border-radius:26px;padding:22px 16px 20px;box-shadow:8px 8px 0 var(--navy)}
.gratis{position:absolute;top:-17px;left:18px;padding:3px 14px;border:3px solid var(--navy);border-radius:12px;background:var(--yellow);font-weight:800;box-shadow:3px 3px 0 var(--navy);transform:rotate(-5deg)}
#formulario h2{margin-bottom:.15em}
.nota{color:#3d4f61;font-size:.95rem}
.campo{margin-bottom:18px;border:0;padding:0;min-width:0}
.campo>label,.campo>legend{display:block;font-weight:800;margin-bottom:7px;padding:0}
.opc{font-weight:400;color:#3d4f61}
input[type=text],input[type=email],input[type=url],select{display:block;width:100%;min-height:52px;padding:10px 14px;border:3px solid var(--navy);border-radius:14px;background:var(--white);color:var(--navy);font:inherit;font-size:16px;transition:box-shadow .15s}
input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=url]:focus-visible,select:focus-visible{outline:none;box-shadow:4px 4px 0 var(--orange)}
[aria-invalid=true]{border-color:var(--err)!important}
.ayuda{font-size:.9rem;color:#3d4f61;margin:6px 0 0}
.err{color:var(--err);font-size:.92rem;font-weight:700;margin:6px 0 0}
.pills{display:flex;flex-wrap:wrap;gap:10px}
.pill{position:relative;flex:1 1 auto}
.pills.col .pill{flex:1 1 100%}
.pill input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.pill span{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 16px;border:3px solid var(--navy);border-radius:14px;background:var(--white);font-weight:700;text-align:center;box-shadow:3px 3px 0 var(--navy);transition:transform .12s var(--ease),box-shadow .12s,background .12s}
.pill:hover span{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--navy)}
.pill input:checked+span{background:var(--orange);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--navy);font-weight:800}
.pill input:focus-visible+span{outline:3px solid var(--navy);outline-offset:3px}
.sub-campos{margin:0 0 18px;padding:14px 12px;background:var(--cream);border:3px dashed var(--navy);border-radius:14px}
.sub-campos .campo:last-child{margin-bottom:0}
.consent{display:flex;gap:12px;align-items:flex-start;font-weight:400!important;font-size:.95rem}
.consent input{flex:none;width:26px;height:26px;margin:1px 0 0;accent-color:var(--orange)}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aviso{margin:0 0 16px;padding:12px 14px;border:3px solid var(--err);border-radius:14px;background:#fff;font-weight:700}
.aviso a{font-weight:800}
.sinjs{margin:0;padding:12px 16px;background:var(--yellow);color:var(--navy);font-weight:700;text-align:center;border-bottom:3px solid var(--navy)}
.sinjs a{color:var(--navy)}

/* Cuestionario paso a paso */
#form.cargando{min-height:440px}
#form.cargando #paso-datos{display:none}
.progreso{margin:0 0 16px}
.prog-txt{margin:0;color:var(--dk);font-weight:800;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase}
.barra{--p:0%;position:relative;height:14px;margin-top:30px;border:3px solid var(--navy);border-radius:99px;background:var(--cream)}
#barra-i{position:absolute;inset:0 auto 0 0;width:var(--p);border-radius:99px;background:var(--orange);transition:width .4s var(--ease)}
.moto-mini{position:absolute;bottom:3px;left:var(--p);width:50px;height:38px;transform:translateX(-78%);transition:left .4s var(--ease)}
.paso{border:0;margin:0 0 6px;padding:0;min-width:0}
.paso:not([hidden]){animation:entra .3s var(--ease) backwards}
fieldset.paso>legend{margin:0 0 14px;padding:0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}
fieldset.paso>legend:focus{outline:none}
.consejo{display:flex;gap:12px;margin:16px 0 4px;padding:14px;border:3px solid var(--navy);border-radius:16px;background:var(--yellow);box-shadow:4px 4px 0 var(--navy);transform:rotate(-.6deg);animation:rise .5s var(--ease) backwards}
.consejo .ic{width:26px;height:26px;flex:none;margin-top:2px}
.consejo strong{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.consejo p{margin:.15em 0 0;font-weight:700}
.nav{display:flex;align-items:center;gap:12px;margin-top:18px}
.nav .btn{flex:1;width:auto;min-width:0}
.atras{min-height:52px;padding:0 6px;border:0;background:none;color:var(--navy);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}

/* Secciones */
.bloque{padding:56px 0}
.bloque.alt{background:var(--white);border-block:3px solid var(--navy)}
.bloque.dark{background:var(--navy);color:var(--cream)}
.bloque.dark .eyebrow{color:var(--peach)}
.bloque.dark .nota{color:#cdbfb5}
.eyebrow{margin:0 0 .5em;color:var(--dk);font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.stk{background:var(--white);border:3px solid var(--navy);border-radius:var(--r);box-shadow:var(--hard);transform:rotate(var(--rot,0deg));transition:transform .2s var(--ease),box-shadow .2s}
.stk:hover{transform:rotate(0deg) translateY(-4px);box-shadow:7px 9px 0 var(--navy)}
.pasos{list-style:none;counter-reset:p;margin:0;padding:0}
.pasos li{counter-increment:p;position:relative;margin:0 0 14px;padding:14px 14px 14px 62px;background:var(--white);border-radius:var(--r)}
.pasos li::before{content:counter(p);position:absolute;left:14px;top:12px;width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--white);font-weight:800;display:flex;align-items:center;justify-content:center}
.pasos.iconos{display:grid;gap:22px;margin-top:8px}
.pasos.iconos li{position:relative;display:flex;gap:16px;align-items:center;margin:0;padding:18px 18px 18px 16px;background:var(--cream)}
.pasos.iconos li::before{display:none}
.pasos.iconos p{margin:0;font-weight:700;font-size:1.08rem;line-height:1.35}
.num{position:absolute;top:-16px;left:-8px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:3px solid var(--navy);border-radius:50%;background:var(--orange);font-weight:800;font-size:1.1rem;box-shadow:2px 2px 0 var(--navy)}
.rev{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
.rev li{display:flex;align-items:center;gap:14px;padding:12px 16px;font-weight:800;font-size:1.1rem;line-height:1.2}
.rev li:nth-child(2n){background:var(--tint)}.rev li:nth-child(3){background:#FFEFC2}
.biz{list-style:none;margin:10px 0 22px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:22px 12px;text-align:center}
.biz li{flex:0 0 calc(33.333% - 8px);display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:800;font-size:.98rem}
.disc{display:flex;align-items:center;justify-content:center;width:92px;height:92px;border:3px solid var(--navy);border-radius:50%;background:var(--white);box-shadow:5px 5px 0 var(--orange);transition:transform .25s var(--ease)}
.disc .art{width:62px;height:62px}
.biz li:hover .disc{transform:translateY(-6px) rotate(-6deg)}
.bloque.dark p{margin-bottom:.8em}
details{background:var(--white);border:3px solid var(--navy);border-radius:var(--r);margin-bottom:12px;box-shadow:4px 4px 0 var(--navy)}
summary{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 18px;font-weight:800;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";margin-left:auto;display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:3px solid var(--navy);border-radius:50%;background:var(--orange);font-size:1.3rem;font-weight:800;line-height:1;transition:transform .25s var(--ease)}
details[open] summary::after{content:"–";transform:rotate(180deg)}
details[open] summary{padding-bottom:4px}
details p{margin:0;padding:0 18px 18px}

/* Pie */
.pie{background:var(--navy);border-top:6px solid var(--orange);color:var(--cream);padding:34px 0 calc(34px + 84px)}
.pie .brand{color:var(--white);margin-bottom:14px}
.pie ul{list-style:none;margin:0 0 18px;padding:0}
.pie a{display:inline-flex;align-items:center;min-height:44px}
.pie .legal{font-size:.9rem;opacity:.9;margin:0}

/* Botón fijo y WhatsApp */
.sticky{position:fixed;left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;pointer-events:none;transition:transform .25s var(--ease),opacity .2s}
.sticky .btn{pointer-events:auto}
.sticky.oculto{transform:translateY(150%);visibility:hidden}
.wa{position:fixed;right:12px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:21;display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:3px solid var(--navy);border-radius:999px;background:var(--white);color:var(--navy);font-weight:800;text-decoration:none;box-shadow:3px 3px 0 var(--navy)}

/* Legales y gracias */
.borrador{margin:0;padding:12px 16px;background:var(--yellow);color:var(--navy);font-weight:800;text-align:center;border-bottom:3px solid var(--navy)}
.legal-doc.wrap,.gracias.wrap{max-width:760px}
.legal-doc{padding-block:34px 12px}
.legal-doc h1{font-size:1.9rem}
.legal-doc h2{font-size:1.2rem;margin-top:1.6em}
.legal-doc dl{margin:0 0 1em}.legal-doc dt{font-weight:800}.legal-doc dd{margin:0 0 .6em}
.falta{background:#fff;border:2px dashed var(--navy);padding:0 6px;border-radius:4px;font-style:italic}
.gracias{padding-block:48px}
.ok{position:relative;display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 0 20px;border:3px solid var(--navy);border-radius:50%;background:var(--orange);color:var(--navy);box-shadow:4px 4px 0 var(--navy);animation:pop .7s var(--ease) backwards}
.ok .ic{width:38px;height:38px}
.confeti{position:absolute;left:50%;top:50%;width:0;height:0}
.confeti i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border:2px solid var(--navy);background:var(--c);opacity:0;animation:conf 1.2s cubic-bezier(.15,.8,.3,1) .35s forwards}
.confeti i:nth-child(3n){border-radius:50%}.confeti i:nth-child(3n+1){height:18px}
.resultado{display:none;margin:0 0 24px;padding:20px 20px 20px 24px;border:3px solid var(--navy);border-radius:var(--r);background:var(--white);box-shadow:var(--hard),inset 8px 0 0 var(--orange)}
html[data-seg=nuevo] #res-nuevo,html[data-seg=fotos] #res-fotos,html[data-seg=combos] #res-combos,html[data-seg=general] #res-general{display:block;animation:rise .6s var(--ease) backwards}
.resultado h2{margin:0 0 .3em}
.resultado p:last-child{margin:0}

/* ---------- Movimiento ---------- */
@keyframes entra{from{opacity:0;transform:translateY(10px)}}
@keyframes rise{from{opacity:0;transform:translateY(26px) rotate(calc(var(--rot,0deg) - 5deg)) scale(.92)}}
@keyframes pop{from{transform:scale(0) rotate(-20deg)}}
@keyframes conf{from{opacity:1;transform:translate(0,0) scale(.3)}70%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
/* Aparecen al entrar en pantalla (el script pone .js-art y .ve; sin JavaScript todo se ve) */
.js-art [data-r]:not(.ve){opacity:0}
.art-ok [data-r]:not(.ve){opacity:1}
[data-r].ve{animation:rise .7s var(--ease) var(--d,0s) backwards}
.js-art .hero-txt>*{animation:rise .75s var(--ease) backwards}
.js-art .hero-txt>:nth-child(2){animation-delay:.08s}.js-art .hero-txt>:nth-child(3){animation-delay:.16s}.js-art .hero-txt>:nth-child(4){animation-delay:.24s}
.js-art .art:not(.ve){--play:paused}
/* Escena del repartidor */
.sky{animation:pan 30s linear infinite}@keyframes pan{to{transform:translateX(-800px)}}
.road{animation:road .5s linear infinite}@keyframes road{to{stroke-dashoffset:-48}}
.wheel{animation:spin .45s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.moto{animation:bob .5s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-2px)}}
.speed{animation:speed .6s linear infinite}@keyframes speed{from{transform:translateX(18px);opacity:0}30%{opacity:1}to{transform:translateX(-30px);opacity:0}}
.steam path{transform-box:fill-box;animation:steam 1.8s ease-out infinite}.st2{animation-delay:.9s!important}
@keyframes steam{from{transform:translateY(6px);opacity:0}30%{opacity:1}to{transform:translateY(-14px);opacity:0}}
/* Móvil con la carta */
.movil{width:340px;height:440px;overflow:visible}
.phone-g{transform-box:view-box;transform-origin:170px 220px;animation:ph 5s ease-in-out infinite}@keyframes ph{50%{transform:translateY(-6px) rotate(.6deg)}}
.steam-s{transform-box:fill-box;animation:steam 2s ease-out infinite}
.chk{transform-box:fill-box;transform-origin:center;animation:chk 6s var(--ease) infinite}.c2{animation-delay:.8s}.c3{animation-delay:1.6s}
@keyframes chk{0%{transform:scale(0)}8%,86%{transform:scale(1)}94%,100%{transform:scale(0)}}
.ripple{transform-box:fill-box;transform-origin:center;animation:rip 2.6s ease-out infinite}@keyframes rip{0%{transform:scale(1);opacity:.9}60%,100%{transform:scale(2.6);opacity:0}}
.tapbtn{transform-box:fill-box;transform-origin:center;animation:tap 2.6s ease-in-out infinite}@keyframes tap{0%,100%{transform:scale(1)}8%{transform:scale(.82)}16%{transform:scale(1)}}
.pegatina{animation:fl 4.4s ease-in-out infinite}.p2{animation-delay:-1.5s}.p3{animation-delay:-3s}@keyframes fl{50%{transform:translateY(-9px) rotate(2deg)}}
.chip{transform-box:fill-box;transform-origin:center;animation:chip 6s ease-out infinite}@keyframes chip{0%,3%{transform:scale(.6);opacity:0}9%,100%{transform:scale(1);opacity:1}}
/* Iconos */
svg *{transform-box:fill-box}
.typ{stroke-dasharray:1;animation:typ 2.4s ease-in-out infinite}.t2{animation-delay:.25s}.t3{animation-delay:.5s}
@keyframes typ{0%{stroke-dashoffset:1}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.flash{transform-origin:center;animation:flash 2.2s ease-in-out infinite}
@keyframes flash{0%,60%,100%{transform:scale(1) rotate(0);opacity:1}72%{transform:scale(1.4) rotate(20deg)}84%{transform:scale(0);opacity:0}}
.cur{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.r1{animation:sw1 3.6s ease-in-out infinite}.r2{animation:sw2 3.6s ease-in-out infinite}
@keyframes sw1{0%,30%{transform:translateY(0)}50%,80%{transform:translateY(17.5px)}100%{transform:translateY(0)}}
@keyframes sw2{0%,30%{transform:translateY(0)}50%,80%{transform:translateY(-17.5px)}100%{transform:translateY(0)}}
.k1{animation:k1 3.2s ease-in-out infinite}.k2{animation:k2 3.2s ease-in-out infinite}.k3{animation:k3 3.2s ease-in-out infinite}
@keyframes k1{50%{transform:translateX(22px)}}@keyframes k2{50%{transform:translateX(-22px)}}@keyframes k3{50%{transform:translateX(18px)}}
.tag{transform-origin:12px 12px;animation:swing 2.4s ease-in-out infinite}@keyframes swing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.lens{animation:lens 3.4s ease-in-out infinite}@keyframes lens{0%,100%{transform:translate(0,0)}30%{transform:translate(-14px,10px)}65%{transform:translate(-4px,-8px)}}
.paper{animation:paper 2.6s ease-in-out infinite}@keyframes paper{0%,100%{transform:translateY(8px)}45%,70%{transform:translateY(-3px)}}
.pop{transform-origin:center;animation:pop .55s var(--ease) .5s backwards}
/* Los dibujos solo se mueven cuando están en pantalla */
.sky,.road,.wheel,.moto,.speed,.steam path,.phone-g,.steam-s,.chk,.ripple,.tapbtn,.pegatina,.chip,.typ,.flash,.cur,.r1,.r2,.k1,.k2,.k3,.tag,.lens,.paper,.pop{animation-play-state:var(--play,running)}

/* Tablet y escritorio */
@media (min-width:768px){
  .sticky{display:none}
  .pie{padding-bottom:34px}
  .wa{bottom:20px}
  .card{padding:34px 34px 28px}
  .hero{padding-top:46px}
  .escena{height:170px}
  .pasos.iconos{grid-template-columns:repeat(3,1fr);gap:26px}
  .pasos.iconos li{flex-direction:column;align-items:flex-start;gap:14px;margin:0}
  .rev{grid-template-columns:repeat(2,1fr)}
  .biz{gap:22px 0}.biz li{flex-basis:20%}
  .pasos.iconos p{font-size:1.2rem}
  .pills.col .pill{flex:1 1 auto}
  .pie .wrap{display:grid;grid-template-columns:1fr auto;gap:8px 40px;align-items:start}
  .pie .legal{grid-column:1/-1;padding-top:16px;border-top:1px solid rgba(255,243,234,.2)}
  .pie ul{display:flex;gap:6px 24px;margin:0;grid-column:2;grid-row:1}
}
@media (min-width:960px){
  .hero-in{grid-template-columns:1.1fr .9fr;gap:30px;padding-bottom:12px}
  .hero-art{display:flex;justify-content:center}
  .rev{grid-template-columns:repeat(6,1fr)}
  .rev li{grid-column:span 2}
  .rev li:nth-child(n+4){grid-column:span 3}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-art [data-r]:not(.ve){opacity:1}}