/* Garantía. Se apoya en portada.css. La promesa es «1 año de garantía», a secas. */
.garantia-p{--g:clamp(16px,3.4vw,48px)}
.garantia-p p{font-size:clamp(1.125rem,1.45vw,1.35rem);line-height:1.45}
/* El recorte palabra por palabra no debe comerse las tildes ni la Ñ */
.garantia-p .pm-pal{padding-top:.22em;margin-top:-.22em}
.pm-enlaces a[aria-current]{text-decoration:underline;text-decoration-color:var(--pm-rojo);text-decoration-thickness:2px}

/* Portada de la página: la cifra manda y los tres equipos la sostienen */
.g-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:clamp(112px,14vh,132px) var(--g) clamp(84px,10vh,96px);overflow:hidden;background:radial-gradient(ellipse 60% 52% at 70% 78%,rgba(221,27,0,.2) 0,rgba(221,27,0,0) 72%),#000}
.g-hero h1{font-size:clamp(5.4rem,12.9vw,14rem);line-height:.88;white-space:nowrap;position:relative;z-index:3}
.g-hero__pie{flex:1;display:grid;grid-template-columns:minmax(0,25em) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end;margin-top:clamp(18px,3vh,32px)}
.g-lead{position:relative;z-index:3;max-width:27em;padding-bottom:clamp(8px,2vh,24px)}
.g-equipos{position:relative;align-self:stretch;min-height:clamp(300px,46vh,520px)}
.g-eq{position:absolute;bottom:0;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.75))}
.g-eq--jc261{left:-4%;width:31%;bottom:5%}
.g-eq--jc450{left:17%;width:min(47%,calc((100vh - 360px)*.98));z-index:2}
.g-eq--a6{right:-2%;width:40%;bottom:2%}

@media (min-width:981px) and (max-width:1280px){
  .g-hero__pie{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:12px}
  .g-lead{max-width:40em;padding-bottom:0}
  .g-equipos{min-height:300px}
  .g-eq--jc261{left:6%;width:24%}
  .g-eq--jc450{left:28%;width:min(36%,calc((100vh - 470px)*.98))}
  .g-eq--a6{right:6%;width:32%}
}

/* Alcance: cada titular se queda fijo mientras se lee su texto */
.g-alcance{padding:0 var(--g)}
.g-fila{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,64px);padding:clamp(56px,10vh,110px) 0;border-top:1px solid var(--pm-borde);align-items:start}
.g-fila h2{font-size:clamp(3.2rem,7.4vw,7.5rem);position:sticky;top:110px}
.garantia-p .g-fuerte{font:600 clamp(1.5rem,2.9vw,2.75rem)/1.16 Barlow,sans-serif;letter-spacing:-.005em;max-width:24em}
.garantia-p .g-fuerte--2{color:#D6D6D6;font-weight:500;font-size:clamp(1.3rem,2.2vw,2.05rem);line-height:1.28}

/* Nosotros: la foto es la prueba de quién responde */
.g-nosotros{position:relative;display:grid;grid-template-columns:minmax(0,720px) minmax(0,1fr);gap:clamp(28px,6vw,96px);align-items:center;padding:clamp(40px,8vh,90px) var(--g);border-top:1px solid var(--pm-borde)}
.g-nosotros__foto{margin:0;clip-path:polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px)}
.g-nosotros__foto img{display:block;width:100%;height:auto}
.g-nosotros h2{font-size:clamp(3.4rem,8.2vw,8.6rem)}
.garantia-p .g-nosotros p{margin-top:24px;font-size:clamp(1.25rem,1.9vw,1.75rem)}

/* Flotas: la escena a todo el ancho y el texto debajo, sin pisarla */
.g-flota{padding:clamp(40px,8vh,90px) 0 clamp(56px,10vh,110px)}
.g-flota__foto{position:relative;max-width:1672px;margin-inline:auto;aspect-ratio:1672/941;max-height:82vh;overflow:hidden}
.g-flota__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 62%}
.g-flota__foto .pm-visor{inset:18px}
.g-flota__txt{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,4vw,64px);align-items:end;padding:clamp(28px,5vh,56px) var(--g) 0}
.g-flota h2{font-size:clamp(3rem,6.6vw,6.8rem)}
.g-flota p{max-width:30em}

/* Cómo se activa: la ruta y el paso siguiente en un mismo vistazo */
.g-activa{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,64px);padding:clamp(64px,12vh,130px) var(--g);border-top:1px solid var(--pm-borde)}
.g-activa h2{font-size:clamp(3.2rem,7.4vw,7.5rem)}
.g-ruta{list-style:none;margin:0;padding:0 0 0 clamp(26px,3vw,44px);position:relative;font:800 clamp(1.75rem,3.1vw,3rem)/1.04 "Barlow Condensed",sans-serif;text-transform:uppercase}
.g-ruta::before{content:"";position:absolute;left:5px;top:.5em;bottom:.6em;width:2px;background:var(--pm-rojo)}
.g-ruta li{position:relative;padding:clamp(12px,2vh,20px) 0}
.g-ruta li::before{content:"";position:absolute;left:calc(-1*clamp(26px,3vw,44px));top:calc(clamp(12px,2vh,20px) + .28em);width:12px;height:12px;border-radius:50%;background:var(--pm-rojo);box-shadow:0 0 0 5px rgba(221,27,0,.25)}
.g-acciones{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:clamp(28px,5vh,44px)}
.g-acciones .pm-btn{min-height:60px;padding:0 34px;font-size:1.25rem}
.g-tel{display:inline-flex;flex-direction:column;justify-content:center;min-height:60px;color:#fff;text-decoration:none}
.g-tel .tel-num{font:800 clamp(1.6rem,2.2vw,2.1rem)/1 "Barlow Condensed",sans-serif;white-space:nowrap}
.g-tel small{font-size:1.0625rem;line-height:1.3;margin-top:6px;color:#D6D6D6}
.g-tel:hover .tel-num{text-decoration:underline;text-decoration-color:var(--pm-rojo);text-decoration-thickness:2px;text-underline-offset:5px}
.g-compartir{margin-top:22px}
.g-compartir .btn{border-radius:0;min-height:46px;font:700 1.0625rem Barlow,sans-serif;text-transform:none;letter-spacing:0}

/* Barra de contacto: mismo sistema que la portada. En escritorio la cabecera ya
   lleva Cotizar y WhatsApp, y la barra pisaba el contenido al desplazar. */
.mobile-cta a{font:700 1.0625rem Barlow,sans-serif;letter-spacing:0;text-transform:none}
.mcta-secondary{background:var(--pm-panel)}
@media (min-width:981px){
  body.has-mcta .mobile-cta{display:none}
  body.has-mcta .wa-float{display:inline-flex}
  body.has-mcta{padding-bottom:0}
}

@media (max-width:980px){
  .g-hero{min-height:0;padding:96px var(--g) 40px}
  .g-hero .pm-visor{inset:74px 12px auto 12px;height:calc(40.3vw + 30px)}
  .g-hero h1{font-size:clamp(4.6rem,23.4vw,11rem);white-space:normal;line-height:.86}
  .g-hero__pie{grid-template-columns:minmax(0,1fr);margin-top:18px;gap:18px}
  .g-equipos{min-height:0;aspect-ratio:1/.62}
  .g-fila,.g-nosotros,.g-flota__txt,.g-activa{grid-template-columns:minmax(0,1fr)}
  .g-fila h2{position:static}
  .g-nosotros{align-items:start}
  .g-nosotros__foto{max-width:600px}
  .g-flota__foto{aspect-ratio:4/3;max-height:none}
  .g-flota__foto img{object-position:72% 60%}
  .g-acciones .pm-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.g-fila h2{position:static}}

/* Los equipos se separan con el scroll. */
.g-hero .g-eq{will-change:translate}
.g-hero .g-eq--jc261{translate:calc(var(--z,0)*-70px) calc(var(--z,0)*-30px)}
.g-hero .g-eq--a6{translate:calc(var(--z,0)*70px) calc(var(--z,0)*-30px)}
.g-hero .g-eq--jc450{translate:0 calc(var(--z,0)*-90px)}