/* Sistema común de las páginas de flota. Se apoya en portada.css.
   Regla de todo el archivo: lo fijado y lo animado vive bajo html.fl-vivo.
   Sin esa clase (sin JavaScript o con movimiento reducido) todo queda apilado y visible. */
:root{--fl-g:clamp(16px,3.4vw,48px);--fl-nav:clamp(64px,10vh,96px);--fl-tr:cubic-bezier(.16,1,.3,1)}
.fl{--fl-gris:#c8c8c8}
.fl img{max-width:100%}
.fl .precio-rojo{font-size:inherit;line-height:inherit;font-weight:inherit}
.fl-h2{font-size:clamp(2.8rem,6vw,6rem)}
.fl-lead{font-size:clamp(1.125rem,1.45vw,1.375rem);line-height:1.42;max-width:32em}
.fl-sec{padding:clamp(80px,14vh,170px) var(--fl-g);position:relative}
.fl-sec--linea{border-top:1px solid var(--pm-borde)}
.fl-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,3.4vh,34px)}
.fl-enlace{color:#fff;font-weight:700;font-size:1.0625rem;text-decoration:underline;text-decoration-color:var(--pm-rojo);text-decoration-thickness:2px;text-underline-offset:5px}
.fl-enlace:hover{color:#ffb4a6}

/* Paso a paso: base de lo fijado */
html.fl-vivo .fl-fijo{position:relative;height:calc(var(--n,3)*100vh);height:calc(var(--n,3)*100svh)}
html.fl-vivo .fl-fijo__v{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#000}
html.fl-vivo .fl-fijo [data-en]{opacity:0;pointer-events:none;transition:opacity .45s ease,transform .7s var(--fl-tr)}
html.fl-vivo .fl-fijo [data-en].on{opacity:1;pointer-events:auto}

/* Apertura: el problema a toda pantalla y, al bajar, su cuenta */
.fl-ap{position:relative;background:#000}
.fl-ap__v{position:relative}
.fl-ap__foto{position:absolute;inset:0 0 auto 0;height:100vh;height:100svh;overflow:hidden}
.fl-ap__foto img{width:100%;height:100%;object-fit:cover;display:block}
.fl-ap__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0,rgba(0,0,0,.5) 42%,rgba(0,0,0,0) 72%),linear-gradient(0deg,rgba(0,0,0,.72) 0,rgba(0,0,0,0) 46%),linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,0) 22%)}
.fl-ap .pm-visor{height:calc(100svh - clamp(102px,14.4vh,138px));bottom:auto;inset-block-start:clamp(84px,11vh,104px)}
.fl-ap__a{position:relative;z-index:3;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--fl-nav) var(--fl-g) clamp(46px,9vh,92px)}
.fl-ap__a h1{font-size:clamp(3.1rem,7.4vw,8rem);max-width:9em}
.fl-ap__a p{font-size:clamp(1.125rem,1.5vw,1.4rem);line-height:1.4;max-width:30em;margin-top:clamp(14px,2.4vh,24px);font-weight:500}
.fl-ap__b{position:relative;z-index:3;background:#000;padding:clamp(70px,12vh,120px) var(--fl-g)}
html.fl-vivo .fl-ap__a,html.fl-vivo .fl-ap__b{position:absolute;inset:0;background:none}
html.fl-vivo .fl-ap__a{transform:none}
html.fl-vivo .fl-ap__a:not(.on){transform:translateY(-5vh)}
html.fl-vivo .fl-ap__b:not(.on){transform:translateY(6vh)}
html.fl-vivo .fl-ap__foto{height:100%;transition:filter 1s ease}
html.fl-vivo .fl-ap__foto img{transform:scale(calc(1 + var(--p,0)*.08));transform-origin:30% 70%}
html.fl-vivo .fl-ap[data-i="1"] .fl-ap__foto{filter:brightness(.16) saturate(.7)}
html.fl-vivo .fl-ap__b{display:flex;flex-direction:column;justify-content:center;padding:var(--fl-nav) var(--fl-g) clamp(20px,4vh,40px)}

/* La cuenta */
.fl-cuenta__t{font-size:clamp(2.6rem,5.4vw,5.4rem)}
.fl-cuenta__c{margin-top:clamp(18px,3.4vh,34px);max-width:560px}
.fl-cuenta label{display:block;font-size:clamp(1.0625rem,1.3vw,1.25rem);font-weight:600;margin-bottom:8px;color:#fff}
.fl-cuenta__i{display:flex;align-items:baseline;gap:10px;border-bottom:2px solid #fff;padding-bottom:6px}
.fl-cuenta__i:focus-within{border-color:var(--pm-rojo)}
.fl-cuenta__i span{font:800 clamp(2rem,3.4vw,3.2rem)/1 "Barlow Condensed",sans-serif;color:#fff}
.fl-cuenta__i input{flex:1;min-width:0;width:100%;background:none;border:0;outline:0;color:#fff;font:800 clamp(2.4rem,4.6vw,4.4rem)/1 "Barlow Condensed",sans-serif;padding:0;-moz-appearance:textfield;appearance:textfield}
.fl-cuenta__i input::-webkit-outer-spin-button,.fl-cuenta__i input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fl-cuenta__s{margin-top:clamp(18px,3.4vh,36px)}
.fl .fl-cuenta__r{font-size:clamp(1.0625rem,1.4vw,1.3rem);font-weight:600;color:#fff}
.fl .fl-cuenta__g{font:800 clamp(2.9rem,8.8vw,9.6rem)/.96 "Barlow Condensed",sans-serif;color:var(--pm-rojo);letter-spacing:-.01em;margin-top:4px}
.fl .fl-cuenta__m{font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:600;margin-top:10px}
.fl .fl-cuenta__m b{color:var(--pm-rojo);font-weight:700}
.fl .fl-cuenta__n{font-size:1.0625rem;color:var(--fl-gris);margin-top:12px}

/* Carrusel horizontal */
.fl-pista{position:relative;background:#000}
html.fl-vivo .fl-pista__v{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
html.fl-vivo .fl-pista__t{display:flex;height:100%;width:max-content;will-change:transform}
.fl-sl{position:relative;min-height:88vh;overflow:hidden;background:#000;display:block}
html.fl-vivo .fl-sl{flex:0 0 100vw;width:100vw;height:100%;min-height:0}
html.fl-vivo .fl-sl+.fl-sl{box-shadow:-1px 0 0 0 rgba(255,255,255,.3),-10px 0 26px 2px rgba(221,27,0,.32)}
.fl-sl__f{position:absolute;inset:0;overflow:hidden}
.fl-sl__f img{width:100%;height:100%;object-fit:cover;display:block}
html.fl-vivo .fl-sl__f img{transform:translateX(calc(var(--d,0)*-7%)) scale(1.15)}
.fl-sl__f::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 36%,rgba(0,0,0,0) 66%),linear-gradient(0deg,rgba(0,0,0,.72) 0,rgba(0,0,0,0) 44%)}
.fl-sl__t{position:absolute;left:clamp(16px,5.4vw,80px);bottom:clamp(70px,13vh,130px);width:min(56vw,860px);z-index:2}
.fl-sl__t h3{font-size:clamp(2.7rem,6vw,6.2rem)}
.fl-sl__t p{font-size:clamp(1.1875rem,1.7vw,1.6rem);font-weight:500;line-height:1.34;margin-top:18px;max-width:27em}
.fl-sl--neg .fl-sl__f::after{display:none}
.fl-sl--neg .fl-sl__t{bottom:auto;top:50%;transform:translateY(-50%);width:min(40vw,600px)}
.fl-sl--neg .fl-sl__p{position:absolute;right:clamp(16px,3.4vw,48px);top:50%;transform:translateY(-50%);width:min(52vw,calc((100svh - 190px)*1.76))}
.fl-sl--neg .fl-sl__p img,.fl-sl--neg .fl-sl__p video{display:block;width:100%;height:auto}
.fl-sl--tel .fl-sl__p{width:auto;height:min(78svh,720px);right:clamp(60px,14vw,220px)}
.fl-sl--intro{background:#000;display:flex;align-items:center}
.fl-sl--intro .fl-sl__t{position:relative;left:auto;bottom:auto;padding-inline:clamp(16px,5.4vw,80px);width:100%;max-width:1400px}
.fl-sl--intro h2{font-size:clamp(3rem,9.4vw,10rem)}
.fl-sl--intro p{font-size:clamp(1.1875rem,1.7vw,1.6rem);font-weight:500;line-height:1.34;margin-top:20px;max-width:27em}
.fl-pista__b{display:none}
html.fl-vivo .fl-pista__b{display:block;position:absolute;left:clamp(16px,5.4vw,80px);right:clamp(16px,5.4vw,80px);bottom:clamp(34px,6vh,60px);height:3px;background:rgba(255,255,255,.24);z-index:4}
.fl-pista__b i{display:block;height:100%;background:var(--pm-rojo);transform:scaleX(var(--p,0));transform-origin:0 50%}

/* Texto que se enciende */
.fl-dms{position:relative;overflow:hidden;background:#000;aspect-ratio:16/10}
.fl-dms img{position:absolute;left:0;top:0;width:100%!important;height:100%!important;object-fit:cover;max-width:none!important;max-height:none!important;transform-origin:10% 39%;transform:scale(1.95)}

.fl-lit{font:800 clamp(2.2rem,4.8vw,5.2rem)/1.02 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin:0;max-width:17em}
.fl-lit span.fl-f{display:block;margin-top:.14em}
.fl-lit b{font-weight:800;color:var(--pm-rojo)}
html.fl-vivo .fl-w{opacity:.17;transition:opacity .35s linear}
html.fl-vivo .fl-w.on{opacity:1}

/* Tanques y control */
.fl-ctrl{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(28px,4vw,70px);align-items:center}
.fl-ctrl h2{font-size:clamp(3rem,6.6vw,7rem)}
.fl-ctrl figure{margin:0;position:relative}
.fl-ctrl figure img{display:block;width:100%;height:auto}
.fl-ctrl figcaption{font-size:1.0625rem;font-weight:600;margin-top:10px}
.fl-ctrl__l{list-style:none;padding:0;margin:clamp(20px,3.4vh,36px) 0 0}
.fl-ctrl__l li{padding:14px 0;border-top:1px solid var(--pm-borde);font-size:clamp(1.0625rem,1.25vw,1.2rem);line-height:1.4}
.fl-ctrl__l b{display:block;font:800 clamp(1.5rem,2.2vw,2.1rem)/1.04 "Barlow Condensed",sans-serif;text-transform:uppercase;margin-bottom:4px}

/* Filas grandes: rubros, condiciones */
.fl-filas{list-style:none;padding:0;margin:clamp(26px,5vh,56px) 0 0}
.fl-filas li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px clamp(20px,3vw,48px);align-items:center;padding:clamp(12px,2vh,22px) 0;border-top:1px solid var(--pm-borde);transition:padding .45s var(--fl-tr)}
.fl-filas li:last-child{border-bottom:1px solid var(--pm-borde)}
.fl-filas b{font:800 clamp(1.9rem,4.1vw,4.3rem)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.005em}
.fl-filas span{font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.38}
@media (hover:hover){.fl-filas li:hover{padding-left:18px}.fl-filas li:hover b{color:var(--pm-rojo)}}

/* Celular negro con su pantalla */
.fl-tel{position:relative;background:#050505;border:2px solid #333;border-radius:clamp(26px,3.2vw,44px);padding:clamp(5px,.6vw,9px);box-shadow:0 30px 70px rgba(0,0,0,.6);aspect-ratio:900/1830}
.fl-tel__p{position:relative;width:100%;height:100%;overflow:hidden;border-radius:clamp(21px,2.7vw,36px);background:#fff}
.fl-tel__p>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.fl-tel__p{padding-top:0}
.fl-tel__i{position:absolute;left:50%;top:2.6%;width:30%;height:2.5%;transform:translateX(-50%);background:#000;border-radius:99px;z-index:3}

/* Foto a sangre con su titular */
.fl-ce{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#000}
.fl-ce__f{position:absolute;inset:0}
.fl-ce__f img{width:100%;height:100%;object-fit:cover;display:block}
html.fl-vivo .fl-ce__f img{transform:scale(calc(1.1 - var(--p,0)*.1))}
.fl-ce__f::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.66) 30%,rgba(0,0,0,0) 58%)}
.fl-ce__t{position:relative;z-index:2;padding:0 var(--fl-g) clamp(40px,8vh,84px)}
.fl-ce__t h2{font-size:clamp(3.2rem,8.6vw,9.2rem)}
.fl-ce__t .fl-lead{margin-top:14px;font-weight:500}

/* Solo para lectores de pantalla */
.fl .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}

/* Cierre */
.fl-cierre-f{font-size:clamp(1.125rem,1.5vw,1.4rem);line-height:1.42;max-width:34em;margin:22px auto 30px;color:#fff}
.cta-final .escena-acciones{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* En escritorio la barra de arriba ya lleva Cotizar y WhatsApp */
@media (min-width:981px){body.has-mcta .mobile-cta{display:none!important}}

@media (max-width:980px){
  .fl-ce__t h2{font-size:clamp(3rem,13vw,5rem)}
  .fl-ctrl{grid-template-columns:1fr}
  .fl-filas li{grid-template-columns:1fr}
  .fl-sl__t{left:16px;right:16px;width:auto;bottom:66px}
  .fl-sl__t h3{font-size:clamp(2.5rem,11.6vw,4.4rem)}
  .fl-sl__f::after{background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.76) 40%,rgba(0,0,0,0) 68%)}
  .fl-sl--neg .fl-sl__t{top:auto;bottom:66px;transform:none;width:auto}
  .fl-sl--neg .fl-sl__p{left:16px;right:16px;top:calc(var(--fl-nav) + 8px);transform:none;width:auto}
  .fl-sl--tel .fl-sl__p{left:50%;right:auto;transform:translateX(-50%);height:min(62svh,calc(100svh - var(--fl-nav) - 230px));top:calc(var(--fl-nav) - 4px)}
  html:not(.fl-vivo) .fl-sl--neg{min-height:0;padding-bottom:30px}
  html:not(.fl-vivo) .fl-sl--neg .fl-sl__p,html:not(.fl-vivo) .fl-sl--neg .fl-sl__t{position:relative;inset:auto;transform:none;left:auto;right:auto;top:auto;bottom:auto;margin:20px 16px 0}
  .fl-sl--intro .fl-sl__t{padding-inline:16px}
  .fl-sl--intro h2{font-size:clamp(3rem,15vw,5.4rem)}
  html.fl-vivo .fl-ap__b{justify-content:flex-start;padding-top:calc(var(--fl-nav) + 12px);padding-bottom:70px}
  .fl-ap__foto,html.fl-vivo .fl-ap__foto{height:50svh}
  .fl-ap__foto img{object-position:var(--fl-pos,78%) 50%}
  .fl-ap__foto::after{background:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 40%),linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,0) 26%)}
  .fl-ap .pm-visor{display:none}
  .fl-ap__a{justify-content:flex-start;padding:46svh 16px 70px}
  .fl-ap__a h1{font-size:clamp(3rem,13.4vw,5.2rem)}
  .fl-tel{border-radius:26px;padding:5px}
  .fl-tel__p{border-radius:21px}
}
@media (prefers-reduced-motion:reduce){
  .fl-filas li{transition:none}
}

/* Celulares bajos: la foto cede sitio y el segundo botón se queda para la barra de abajo */
@media (max-width:980px) and (max-height:760px){
  .fl-ap__foto,html.fl-vivo .fl-ap__foto{height:36svh}
  .fl-ap__a{padding-top:32svh}
  .fl-ap--arriba .fl-ap__a{padding-top:30svh}
  .fl-ap__a .fl-cta .pm-btn+.pm-btn{display:none}
}
@media (max-width:980px) and (max-height:700px){
  .fl-ap__a h1{font-size:clamp(2.5rem,12vw,3rem)}
  .fl-ap__a p{line-height:1.28;margin-top:8px}
}
/* Un solo rojo fuerte en la cuenta: la cifra anual */
.fl .fl-cuenta__m b{color:#fff}
/* Con el aviso de cookies abierto, la barra fija sube: el texto sube con ella */
@media (max-width:980px){html.rsp-consent-visible .fl-sl__t{bottom:calc(66px + var(--rsp-consent-alto,0px) + 24px)}html.rsp-consent-visible .fl-in__f figcaption{padding-bottom:calc(var(--rsp-consent-alto,0px) + 24px)}}
@media (max-width:980px) and (max-height:700px){.fl-sl--tel .fl-sl__t p{display:none}.fl-sl--tel .fl-sl__p{height:calc(100svh - var(--fl-nav) - 150px)}}