.hero{--corte:calc(clamp(24px,4vw,64px) + var(--sal,0) * 70vmin);position:relative;isolation:isolate;display:flex;flex-direction:column;
justify-content:flex-end;min-height:100svh;padding-top:calc(var(--cabecera) + clamp(12px,4vh,40px));background:var(--negro);
color:var(--blanco);overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--corte)),calc(100% - var(--corte)) 100%,0 100%)}
.hero .hero-img{position:absolute;inset:0;z-index:-4;background-size:cover;background-position:center;animation:hero-enciende 1.6s var(--curva) both}
.hero-led{position:absolute;inset:0;z-index:-3;width:100%;height:100%;opacity:0;transition:opacity .35s var(--curva)}
.hero.led-activo .hero-led{opacity:1}
.hero .hero-img,.hero-led,.hero-lupa{translate:0 calc(var(--sal,0) * 30svh)}
.hero .hero-overlay{--x0:max(var(--margen),(100% - var(--ancho)) / 2);position:absolute;inset:0;z-index:-2;pointer-events:none;background:
linear-gradient(90deg,rgba(11,11,11,.88) 0,rgba(11,11,11,.8) calc(var(--x0) + 30rem),rgba(11,11,11,.42) calc(var(--x0) + 44rem),
rgba(11,11,11,.08) calc(var(--x0) + 62rem),rgba(11,11,11,0) calc(var(--x0) + 76rem)),
linear-gradient(0deg,rgba(11,11,11,.96) 0%,rgba(11,11,11,.55) 22%,rgba(11,11,11,0) 50%),
linear-gradient(180deg,rgba(11,11,11,.6),rgba(11,11,11,0) 24%)}
.hero-contenido{position:relative;padding-bottom:clamp(24px,5vh,64px);translate:0 calc(var(--sal,0) * -14svh);opacity:calc(1 - var(--sal,0) * 1.7)}
.hero-badge{display:inline-flex;align-items:center;gap:12px;margin-bottom:clamp(16px,3vh,32px);font:500 12px/1 var(--dato);
letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.84);animation:entra-45 .9s var(--golpe) .15s both}
.hero h1{max-width:12.5ch;font-size:min(clamp(2.6rem,1rem + 6.6vw,7.2rem),calc((100vw - 2 * var(--margen)) / 8.4),calc(9.6svh + .4rem));
font-weight:800;font-stretch:122%;line-height:.86;letter-spacing:-.05em}
.hero h1 .palabra{display:inline-block;animation:palabra-entra 1.15s var(--golpe) both;animation-delay:calc(.3s + var(--i,0) * 95ms)}
.hero h1 .destacado{background:linear-gradient(45deg,transparent 42%,rgba(255,236,200,.95) 50%,transparent 58%) 160% 0/260% 100% no-repeat,var(--luz);
-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em;
animation:palabra-entra 1.15s var(--golpe) both,haz-palabra 1.3s var(--curva) 1.9s both;animation-delay:calc(.3s + var(--i,0) * 95ms),1.9s}
@keyframes haz-palabra{from{background-position:160% 0,0 0}to{background-position:-60% 0,0 0}}
.hero-contenido>p{max-width:46ch;margin-top:clamp(16px,2.8vh,30px);font-size:clamp(1rem,.92rem + .45vw,1.3rem);line-height:1.5;
color:rgba(255,255,255,.86);text-shadow:0 1px 16px rgba(11,11,11,.8);animation:entra-45 .9s var(--golpe) .8s both}
.hero .hero-actions{margin-top:clamp(20px,4vh,40px);animation:entra-45 .9s var(--golpe) .95s both}
@keyframes palabra-entra{from{opacity:.3;transform:translate(-.35em,.35em)}}
@keyframes hero-enciende{from{filter:brightness(.15) saturate(.4)}}
.hero-pie{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 24px;
padding-bottom:calc(max(20px,env(safe-area-inset-bottom)) + 62px);opacity:calc(1 - var(--sal,0) * 2.6)}
@media (max-width:560px){.hero-pie{padding-bottom:calc(max(14px,env(safe-area-inset-bottom)) + 60px)}}
.hero-pie>*{animation:entra-45 .9s var(--golpe) 1.15s both}
.hud-barras{grid-column:1/-1;display:flex;gap:6px;min-height:24px;margin-bottom:6px;background:linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)) 0 11px/100% 1px no-repeat}
.hud-barras:not(:empty){background:none}
.hud-barras button{position:relative;flex:1;height:24px;padding:0;border:0;background:none;cursor:pointer}
.hud-barras button::before,.hud-barras button::after{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:rgba(255,255,255,.2);
transition:background-color var(--rapido) var(--curva),transform var(--rapido) var(--golpe)}
.hud-barras button::after{background:var(--naranja);box-shadow:0 0 12px rgba(255,106,0,.6);transform-origin:0 50%;transform:scaleX(0)}
.hud-barras button:hover::before{background:rgba(255,255,255,.5)}
.hud-barras button.hecha::after{transform:none;box-shadow:none;background:rgba(255,255,255,.6)}
.hud-barras button.activa::after{animation:hud-barra var(--dur,7s) linear both}
.hero.parado .hud-barras button.activa::after{animation-play-state:paused}
@keyframes hud-barra{to{transform:none}}
@media (prefers-reduced-motion:reduce){.hud-barras button.activa::after{animation:none;transform:none}}
.scroll-indicator{position:relative;display:flex;align-items:center;gap:14px;min-height:44px;color:rgba(255,255,255,.72);text-decoration:none;
font:500 11px/1 var(--dato);letter-spacing:.12em;text-transform:uppercase;transition:color var(--rapido) var(--curva)}
.scroll-indicator:hover{color:var(--blanco)}
.scroll-indicator::after{content:"Desliza"}
.scroll-linea{position:relative;width:1px;height:40px;overflow:hidden;background:rgba(255,255,255,.18)}
.scroll-linea::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--naranja);animation:baja 2.2s var(--curva) infinite}
@keyframes baja{to{top:110%}}
.hero-hud{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0;font:500 11.5px/1.3 var(--dato);letter-spacing:.06em;text-transform:uppercase}
.hud-pausa{--c:var(--corte-s);position:relative;flex:none;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.3);background:transparent;
color:var(--blanco);cursor:pointer;border-radius:var(--c) 0;corner-shape:bevel;transition:border-color var(--rapido) var(--curva),color var(--rapido) var(--curva)}
.hud-pausa::before{content:"";position:absolute;inset:0;margin:auto;width:8px;height:10px;
background:linear-gradient(90deg,currentColor 0 3px,transparent 3px 5px,currentColor 5px)}
.hud-pausa[aria-pressed="true"]::before{width:9px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.hud-pausa:hover{border-color:var(--naranja);color:var(--naranja)}
.hud-num{color:rgba(255,255,255,.55);white-space:nowrap}
.hud-num b{color:var(--naranja);font-weight:600}
.hero-diapos{list-style:none;min-width:0}
.hero-diapos li{display:none}
.hero-diapos li.activa{display:block;animation:entra-45 .6s var(--golpe) both}
.hero-diapos a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:12px 0;color:var(--blanco);text-decoration:none;
transition:color var(--rapido) var(--curva)}
.hero-diapos a::after{content:" ↗";color:var(--naranja)}
.hero-diapos a:hover{color:var(--naranja)}
.hero-lupa{position:absolute;left:0;top:0;z-index:-1;width:calc(var(--r,124px) * 2);height:calc(var(--r,124px) * 2);pointer-events:none;
transform:translate(calc(var(--lx,-999px) - var(--r,124px)),calc(var(--ly,-999px) - var(--r,124px)));opacity:var(--lo,0)}
.hero-lupa span{position:absolute;left:calc(100% - var(--rc,42px) / 2 + 14px);top:calc(100% - var(--rc,42px) / 2 + 14px);padding:6px 9px;
background:var(--noche);color:var(--naranja);font:600 11px/1 var(--dato);letter-spacing:.04em;white-space:nowrap;
text-shadow:0 0 10px rgba(255,106,0,.7);border-radius:var(--corte-s) 0;corner-shape:bevel}
.hero-lupa span::before{content:"";position:absolute;left:-14px;top:-14px;width:20px;height:1px;background:var(--naranja);transform-origin:0 0;transform:rotate(45deg)}
.intro{background:var(--blanco)}
.intro-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px clamp(32px,6vw,104px);align-items:start}
.intro h2{font-size:clamp(2rem,1.15rem + 2.7vw,3.75rem);font-weight:760;font-stretch:112%;line-height:1;letter-spacing:-.035em;color:var(--noche)}
.intro h2::before{content:"";display:block;width:38px;height:12px;margin-bottom:22px;background:var(--naranja);clip-path:polygon(32% 0,100% 0,68% 100%,0 100%)}
.intro-texto{font-size:clamp(1.3rem,.95rem + 1.25vw,2.15rem);font-weight:450;line-height:1.36;letter-spacing:-.018em;color:var(--noche)}
.intro-texto .w{color:#6F7374;transition:color .45s var(--curva)}
.intro-texto .w.on{color:var(--noche);animation:w-enciende .7s var(--curva)}
@keyframes w-enciende{from{color:var(--naranja-luz)}}
.intro-modulo{--c:var(--corte-l);position:relative;width:min(100%,340px);aspect-ratio:1;margin-top:clamp(32px,4.4vw,64px);padding:14px;
background:var(--noche);border-radius:var(--c) 0;corner-shape:bevel;box-shadow:0 40px 80px -48px rgba(236,107,0,.55)}
html:not(.js) .intro-modulo{display:none}
@media (min-width:981px){
.intro-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);grid-template-areas:"titulo modulo" "texto modulo";
gap:clamp(24px,2.6vw,40px) clamp(48px,7vw,120px)}
.intro-titulo{display:contents}
.intro h2{grid-area:titulo}
.intro-texto{grid-area:texto}
.intro-modulo{grid-area:modulo;align-self:center;justify-self:end;width:min(100%,400px);margin:0 0 28px}
}
.intro-modulo canvas{width:100%;height:100%}
.intro-modulo span{position:absolute;left:0;top:calc(100% + 14px);font:500 11px/1 var(--dato);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2);white-space:nowrap}
.intro-modulo b{color:var(--naranja-tinta);font-weight:600;font-variant-numeric:tabular-nums}
.intro-modulo i{font-style:normal}
.productos .cards{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(232px,19vw,290px)}
.productos .card{aspect-ratio:auto}
.productos .card:nth-child(1){grid-column:span 2;grid-row:span 2}
.productos .card:is(:nth-child(2),:nth-child(3),:nth-child(4)){grid-column:span 2}
.productos .card-bg::after{opacity:.28}
.productos .card:hover .card-bg::after{opacity:1}
.productos .card:nth-child(1) h3{font-size:clamp(1.7rem,1rem + 1.8vw,2.8rem)}
.productos .card:nth-child(1) p{max-width:36ch;font-size:1.05rem}
.productos .card:is(:nth-child(2),:nth-child(3),:nth-child(4)) h3{font-size:clamp(1.4rem,1rem + 1vw,2rem)}
.productos .card-overlay p{max-width:40ch}
.productos .cards{counter-reset:familia}
.productos .card{counter-increment:familia}
.productos .card::after{content:"0" counter(familia);content:"0" counter(familia) / "";position:absolute;top:clamp(14px,1.6vw,22px);right:clamp(14px,1.6vw,22px);z-index:1;
padding:6px 8px 6px 9px;background:rgba(11,11,11,.72);color:var(--blanco);font:500 11px/1 var(--dato);letter-spacing:.1em;
clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);transition:background-color var(--rapido) var(--curva),color var(--rapido) var(--curva)}
.productos .card:hover::after{background:var(--naranja);color:var(--noche)}
.productos .card-overlay h3::after{content:"";display:inline-block;width:.42em;height:.42em;margin-left:.35em;vertical-align:.12em;background:var(--naranja);
clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,78% 37%,16% 99%,1% 84%,63% 22%,0 22%);opacity:0;transform:translate(-6px,6px);
transition:opacity var(--rapido) var(--curva),transform var(--medio) var(--golpe)}
.productos .card:hover .card-overlay h3::after,.productos .card:focus-visible .card-overlay h3::after{opacity:1;transform:none}
.ceja{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px!important;font:500 11.5px/1 var(--dato)!important;
letter-spacing:.12em!important;text-transform:uppercase;color:var(--naranja)!important}
.ceja::before{content:"";width:22px;height:8px;background:var(--naranja);clip-path:polygon(32% 0,100% 0,68% 100%,0 100%)}
.hero ~ .stats-banner .container>div{container-type:inline-size}
.hero ~ .stats-banner .sb-number{font-size:min(clamp(1.75rem,.55rem + 3vw,4.2rem),19.5cqi);word-spacing:-.38em}
.hero ~ .stats-banner .sb-number small{font-size:.5em;letter-spacing:-.02em;word-spacing:normal}
.hero ~ :is(.features,.stats-banner,.tipos){--corte-sec:clamp(28px,5vw,80px)}
.hero ~ .features{clip-path:polygon(var(--corte-sec) 0,100% 0,100% 100%,0 100%,0 var(--corte-sec))}
.hero ~ .features + .stats-banner{margin-top:-1px}
.hero ~ .stats-banner{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--corte-sec)),calc(100% - var(--corte-sec)) 100%,0 100%)}
.hero ~ .tipos{clip-path:polygon(var(--corte-sec) 0,100% 0,100% calc(100% - var(--corte-sec)),calc(100% - var(--corte-sec)) 100%,0 100%,0 var(--corte-sec))}
.haz-seccion{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.haz-seccion::before{content:"";position:absolute;left:-50%;top:-50%;width:200%;height:200%;
background:linear-gradient(45deg,transparent 42%,rgba(255,193,0,.05) 47%,rgba(255,106,0,.13) 50%,rgba(255,193,0,.05) 53%,transparent 58%);
transform:translate(-60%,60%)}
.haz-seccion.visible::before{transform:translate(60%,-60%);transition:transform 2.4s var(--curva)}
.elegir-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(40px,6vw,96px);align-items:start}
.elegir-grid>.content{max-width:none;margin:0}
.elegir-grid>.content h2{margin-top:0;font-size:clamp(2rem,1.15rem + 2.7vw,3.75rem);font-weight:760;font-stretch:112%;line-height:1;
letter-spacing:-.035em;color:var(--noche)!important}
.elegir-herramienta{position:sticky;top:calc(var(--cabecera) + 24px);display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.elegir-herramienta>*{min-width:0}
.elegir-herramienta .content{max-width:none;margin:0}
.elegir-herramienta .content div:has(>table){margin:0}
.pitch{--c:var(--corte-xl);display:grid;gap:0;background:var(--noche);color:var(--blanco);border-radius:var(--c) 0;corner-shape:bevel;overflow:hidden;
box-shadow:0 48px 90px -50px rgba(236,107,0,.5)}
.pitch[hidden]{display:none}
.pitch-pantalla{position:relative;aspect-ratio:16/9;background:var(--negro);overflow:hidden}
.pitch-lienzo{width:100%;height:100%}
.pitch-pantalla::after{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(45deg,transparent 34%,rgba(255,255,255,.06) 47%,rgba(255,255,255,.015) 56%,transparent 64%),
radial-gradient(130% 100% at 50% 45%,transparent 58%,rgba(0,0,0,.42))}
.pitch-paso{z-index:1}
.pitch-paso{position:absolute;right:18px;bottom:14px;display:grid;justify-items:end;gap:6px;font:600 clamp(2rem,1.4rem + 1.6vw,3.2rem)/1 var(--dato);
letter-spacing:-.05em;color:var(--naranja);text-shadow:0 0 22px rgba(255,106,0,.75),0 2px 14px rgba(0,0,0,.8)}
.pitch-paso i{font:500 10.5px/1 var(--dato);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75);text-shadow:0 1px 6px rgba(0,0,0,.9)}
.pitch-paso b{font-weight:inherit}
.pitch-paso>span{display:block}
.pitch-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 16px;padding:18px 22px 16px}
.pitch-control label{font:500 11.5px/1.3 var(--dato);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.66)}
.pitch-valor{font:600 15px/1 var(--dato);color:var(--blanco);font-variant-numeric:tabular-nums}
.pitch-control input{grid-column:1/-1;-webkit-appearance:none;appearance:none;width:100%;height:44px;margin:-8px 0;background:transparent;cursor:pointer;--p:10%}
.pitch-control input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--naranja) var(--p),rgba(255,255,255,.18) var(--p))}
.pitch-control input::-moz-range-track{height:3px;background:rgba(255,255,255,.18)}
.pitch-control input::-moz-range-progress{height:3px;background:var(--naranja)}
.pitch-control input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10.5px;background:var(--naranja);clip-path:polygon(35% 0,100% 0,65% 100%,0 100%);
transition:transform var(--rapido) var(--golpe)}
.pitch-control input::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:0;background:var(--naranja);clip-path:polygon(35% 0,100% 0,65% 100%,0 100%)}
.pitch-control input:hover::-webkit-slider-thumb,.pitch-control input:active::-webkit-slider-thumb{transform:scale(1.15)}
.pitch-control input:focus-visible{outline:2px solid var(--naranja);outline-offset:4px}
.pitch-escala{grid-column:1/-1;position:relative;height:16px;margin-top:-4px;font:500 10px/1 var(--dato);letter-spacing:.04em;color:rgba(255,255,255,.5)}
.pitch-escala span{position:absolute;top:0;left:calc(12px + (100% - 24px) * (var(--v) - 1) / 11);translate:-50% 0;white-space:nowrap}
.pitch-escala span::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);width:1px;height:5px;background:rgba(255,255,255,.3)}
.pitch-escala span:first-child{translate:-12px 0}
.pitch-escala span:first-child::before{left:12px}
.pitch-escala span:last-child{translate:calc(-100% + 12px) 0}
.pitch-escala span:last-child::before{left:auto;right:12px}
.elegir .tabla-specs :is(th,td){padding:13px 14px}
.elegir .tabla-specs th{white-space:normal}
.elegir tbody tr{transition:background-color var(--medio) var(--curva),box-shadow var(--medio) var(--curva)}
.elegir tbody tr.activa{background:rgba(236,107,0,.12);box-shadow:inset 3px 0 0 var(--naranja)}
.elegir-herramienta{container-type:inline-size}
@container (max-width:540px){
.elegir .tabla-specs,.elegir .tabla-specs>tbody{display:block}
.elegir .tabla-specs>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.elegir .tabla-specs tr{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px 16px;padding:15px 16px;border-bottom:1px solid var(--linea)}
.elegir .tabla-specs>tbody>tr:last-child{border-bottom:0}
.elegir .tabla-specs td{display:block;padding:0;border:0}
.elegir .tabla-specs td:first-child{grid-column:1/-1}
.elegir .tabla-specs td:not(:first-child)::before{display:block;margin-bottom:3px;font:500 10px/1.5 var(--dato);letter-spacing:.08em;
text-transform:uppercase;color:var(--tinta-2)}
.elegir .tabla-specs td:nth-child(2)::before{content:"Distancia óptima"}
.elegir .tabla-specs td:nth-child(3)::before{content:"Modelo recomendado"}
}
.porque{background:var(--blanco)}
.porque .fc .fc-num{background:linear-gradient(45deg,var(--oro),var(--naranja) 30%,var(--coral) 46%,transparent 54%) 100% 0/260% 260% no-repeat;
-webkit-background-clip:text;background-clip:text;transition:background-position 1.3s var(--golpe);transition-delay:calc(var(--n,0) * 120ms + 150ms)}
.porque .fc.encendida .fc-num{background-position:0 100%;-webkit-text-stroke-color:transparent;
transition:background-position 1.3s var(--golpe),-webkit-text-stroke-color .5s var(--curva);transition-delay:calc(var(--n,0) * 120ms + 150ms),calc(var(--n,0) * 120ms + 900ms)}
.porque .fc:nth-child(2){--n:1}.porque .fc:nth-child(3){--n:2}.porque .fc:nth-child(4){--n:3}
.tipos .chips{gap:12px}
.tipos .chip{padding:16px 22px;font-size:16px}
.tipos .chips.encendidos .chip{animation:chip-enciende 1s var(--curva) both;animation-delay:calc(var(--orden,0) * 55ms)}
@keyframes chip-enciende{
0%{border-color:rgba(255,255,255,.06);color:rgba(255,255,255,.3)}
30%{border-color:var(--naranja);color:var(--blanco);box-shadow:0 0 0 1px var(--naranja),0 0 28px rgba(255,106,0,.5)}}
.logos{background:var(--blanco);padding-bottom:calc(var(--seccion) * .8)}
.logos .section-header{margin-bottom:clamp(32px,4vw,56px)}
.logos-cinta{overflow:hidden}
.logos-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(28px,4vw,72px);padding:0 var(--margen)}
.logos-grid{--h0:clamp(40px,4.4vw,62px)}
.logos-grid img{width:auto;height:min(calc(var(--k,1) * var(--h0)),var(--h,999px));object-fit:contain;filter:brightness(0);opacity:.58;
transition:opacity var(--medio) var(--curva)}
.logos-grid img:hover{opacity:1}
.logos-cinta.en-marcha{-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logos-cinta.en-marcha .logos-grid{flex-wrap:nowrap;justify-content:flex-start;width:max-content;padding:0;animation:cinta 48s linear infinite}
.logos-cinta.en-marcha:is(:hover,.parada) .logos-grid{animation-play-state:paused}
.cinta-mando{display:flex;justify-content:flex-end;margin-top:clamp(16px,2vw,28px)}
.cinta-pausa{width:44px;height:44px;color:var(--noche);border-color:var(--linea)}
@keyframes cinta{to{transform:translateX(-50%)}}
.ciudades{border-top:1px solid var(--linea)}
.ciudades-lista{--sep:calc(clamp(14px,1.6vw,24px) + 2 * clamp(10px,1.4vw,22px));display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;
margin-left:calc(-1 * var(--sep));clip-path:inset(-12px -12px -12px calc(var(--sep) - 8px))}
.ciudades-lista li{display:flex;align-items:center}
.ciudades-lista li::before{content:"";flex:none;width:clamp(14px,1.6vw,24px);height:clamp(28px,3.4vw,52px);margin:0 clamp(10px,1.4vw,22px);
background:var(--linea);clip-path:polygon(70% 0,100% 0,30% 100%,0 100%)}
.ciudades-lista a{position:relative;font-size:clamp(2rem,1rem + 3.6vw,4.8rem);font-weight:780;font-stretch:118%;letter-spacing:-.045em;line-height:1.08;
color:var(--noche);text-decoration:none;background:var(--luz) 0 0/0 100% no-repeat;-webkit-background-clip:text;background-clip:text;
transition:background-size .7s var(--golpe),color .3s}
.ciudades-lista a:hover{color:transparent;background-size:100% 100%}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px clamp(32px,6vw,104px);align-items:start}
.faq-titulo{position:sticky;top:calc(var(--cabecera) + 32px)}
.faq-titulo h2{font-size:clamp(2rem,1.15rem + 2.7vw,3.75rem);font-weight:760;font-stretch:112%;line-height:1;letter-spacing:-.035em;color:var(--noche)}
.faq-titulo h2::before{content:"";display:block;width:38px;height:12px;margin-bottom:22px;background:var(--naranja);clip-path:polygon(32% 0,100% 0,68% 100%,0 100%)}
.faq-lista{border-top:1px solid var(--grafito)}
.faq-lista details{border-bottom:1px solid #D8D9D9;interpolate-size:allow-keywords}
.faq-lista summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;cursor:pointer;list-style:none}
.faq-lista summary::-webkit-details-marker{display:none}
.faq-lista summary h3{font-size:clamp(1.15rem,1rem + .5vw,1.45rem);font-weight:700;letter-spacing:-.015em;line-height:1.25;color:var(--noche);transition:color var(--rapido)}
.faq-lista summary:hover h3{color:var(--naranja-tinta)}
.faq-lista summary::after{content:"";flex:none;width:18px;height:18px;background:
linear-gradient(var(--naranja),var(--naranja)) center/100% 2px no-repeat,linear-gradient(var(--naranja),var(--naranja)) center/2px 100% no-repeat;
transition:transform var(--medio) var(--golpe)}
.faq-lista details[open] summary::after{transform:rotate(135deg)}
.faq-lista details::details-content{block-size:0;overflow:hidden;transition:block-size var(--medio) var(--golpe),content-visibility var(--medio) allow-discrete}
.faq-lista details[open]::details-content{block-size:auto}
.faq-lista details p{max-width:62ch;padding:0 0 28px;font-size:1.06rem;line-height:1.7;color:var(--tinta-2)}
.faq-lista details a{color:var(--naranja-tinta);text-underline-offset:3px}
@supports not (corner-shape:bevel){
.hud-pausa,.hero-lupa span,.intro-modulo,.pitch{border-radius:0;
clip-path:polygon(var(--c,var(--corte-s)) 0,100% 0,100% calc(100% - var(--c,var(--corte-s))),calc(100% - var(--c,var(--corte-s))) 100%,0 100%,0 var(--c,var(--corte-s)))}
}
@media (max-height:620px) and (min-width:721px){
.hero{padding-top:calc(var(--cabecera) + 4px)}
.hero-contenido>p{max-width:62ch;font-size:1rem;line-height:1.45}
.hero .hero-actions .btn{min-height:44px}
.scroll-indicator{min-height:36px}
.scroll-linea{height:30px}
.hero-diapos a{padding:8px 0}
.hud-pausa{width:30px;height:30px}
}
@media (min-width:981px) and (max-width:1199px){
.productos .cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(260px,28vw,320px)}
.productos .card:nth-child(1){grid-row:span 1}
.productos .card:is(:nth-child(2),:nth-child(3)){grid-column:span 1}
}
@media (max-width:980px){
.intro-grid,.elegir-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}
.elegir-herramienta,.faq-titulo{position:static}
.productos .cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(220px,40vw,320px)}
.productos .card:nth-child(1){grid-row:span 1}
.productos .card:is(:nth-child(2),:nth-child(3)){grid-column:span 1}
.intro-titulo{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px}
.intro-modulo{width:clamp(120px,24vw,200px);margin:0 0 6px}
.intro-modulo span{display:none}
}
@media (max-width:720px){
.hero .hero-overlay{background:linear-gradient(0deg,rgba(11,11,11,.97) 0%,rgba(11,11,11,.78) 42%,rgba(11,11,11,.3) 72%,rgba(11,11,11,.55) 100%)}
.hero-pie{grid-template-columns:minmax(0,1fr)}
.scroll-indicator{display:none}
.hero-hud{justify-content:space-between;gap:10px;font-size:10.5px;letter-spacing:.03em}
.hero-diapos{flex:1}
.hero-diapos a{display:flex;align-items:center;min-height:calc(2.5em + 12px);padding:6px 0;white-space:normal;line-height:1.25}
}
@media (min-width:721px) and (max-width:980px) and (orientation:portrait){
.hero .hero-overlay{background:linear-gradient(0deg,rgba(11,11,11,.97) 0%,rgba(11,11,11,.78) 42%,rgba(11,11,11,.3) 72%,rgba(11,11,11,.55) 100%)}
}
@media (hover:none){
.hud-barras button{height:44px;margin:-10px 0}
.hud-barras button::before,.hud-barras button::after{top:21px}
.hud-pausa{width:44px;height:44px}
}
@media (max-width:720px){.ciudades-lista a{display:inline-flex;align-items:center;min-height:44px}}
@media (max-width:560px){
.productos .cards{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
.productos .card:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:4/3}
.intro-titulo{grid-template-columns:minmax(0,1fr) 84px;gap:14px}
.intro-titulo h2{font-size:1.875rem}
.intro-modulo{width:84px;padding:7px}
}