/* Hero de Inicio: una sola historia en video para operaciones de flota. */
.home-video-hero{position:relative;display:block;min-height:670px;overflow:hidden;background:#090a0d;color:#fff;isolation:isolate}
.home-video-media,.home-video-overlay{position:absolute;inset:0}
.home-video-media{z-index:-2;background:#101217 url("assets/hero-home-fleet-logistics.png") center/cover no-repeat}
.home-video-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-video-overlay{z-index:-1;background:linear-gradient(90deg,rgba(7,8,11,.94) 0%,rgba(7,8,11,.78) 34%,rgba(7,8,11,.30) 63%,rgba(7,8,11,.13) 100%),linear-gradient(0deg,rgba(5,6,8,.42),transparent 48%)}
.home-video-copy{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(760px,65%);height:670px;min-height:670px;padding:0 0 0 max(7%,calc((100% - 1280px)/2));text-align:left}
.home-video-copy .eyebrow{margin:0 0 20px;color:#1976d2;font-size:clamp(12px,1.05vw,14px);letter-spacing:.18em}
.home-video-brand{margin:0 0 16px;font:700 clamp(43px,5vw,75px)/.99 "Space Grotesk",sans-serif;letter-spacing:-4px;text-transform:none}
.home-video-brand span{color:var(--red)}
.home-video-brand b{color:#fff;font:inherit}
.home-video-copy h1{max-width:820px;margin:0;color:#fff;font:700 clamp(43px,5vw,75px)/.99 "Space Grotesk",sans-serif;letter-spacing:-4px;text-shadow:0 6px 28px rgba(0,0,0,.24)}
.home-video-copy h1 .hero-title-straight,.home-video-copy h1 .hero-title-italic{display:block;font:inherit;letter-spacing:inherit;white-space:nowrap}
.home-video-copy h1 em{color:var(--red);font:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}
.home-video-copy>p:not(.home-video-brand){max-width:510px;margin:26px 0 0;color:rgba(255,255,255,.84);font:400 clamp(16px,1.4vw,19px)/1.58 "DM Sans",sans-serif}
.home-video-scroll{display:inline-flex;gap:10px;align-items:center;margin-top:38px;padding:0;color:rgba(255,255,255,.82);font:700 10px/1 "Space Grotesk",sans-serif;letter-spacing:.15em;text-decoration:none;transition:color .2s ease,transform .2s ease}
.home-video-scroll b{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;font-size:15px;line-height:1;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.home-video-scroll:hover,.home-video-scroll:focus-visible{color:#fff;transform:translateY(2px)}
.home-video-scroll:hover b,.home-video-scroll:focus-visible b{border-color:#ef3340;background:#ef3340;transform:translateY(2px)}
.home-video-scroll:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:2px}
@media (max-width:850px){.home-video-hero{min-height:650px}.home-video-copy{width:min(690px,100%);height:650px;min-height:650px;padding:74px 7% 70px}.home-video-brand{font-size:clamp(43px,5vw,75px);line-height:.99;letter-spacing:-4px}.home-video-copy h1{font-size:clamp(43px,5vw,75px);line-height:.99;letter-spacing:-4px}.home-video-media video{object-position:58% center}.home-video-overlay{background:linear-gradient(90deg,rgba(7,8,11,.88) 0%,rgba(7,8,11,.64) 52%,rgba(7,8,11,.28) 100%),linear-gradient(0deg,rgba(5,6,8,.38),transparent 52%)}}
@media (max-width:560px){.home-video-hero{min-height:620px}.home-video-copy{height:620px;min-height:620px;padding:64px 5%;width:100%;justify-content:center}.home-video-copy .eyebrow{margin-bottom:16px}.home-video-brand{margin-bottom:14px;font-size:clamp(43px,5vw,75px);line-height:.99;letter-spacing:-4px}.home-video-copy h1{font-size:clamp(43px,5vw,75px);line-height:.99;letter-spacing:-4px}.home-video-copy>p:not(.home-video-brand){margin-top:22px;font-size:16px;line-height:1.5;max-width:390px}.home-video-scroll{margin-top:30px}.home-video-media video{object-position:64% center}.home-video-overlay{background:linear-gradient(90deg,rgba(7,8,11,.90),rgba(7,8,11,.57) 72%,rgba(7,8,11,.30)),linear-gradient(0deg,rgba(5,6,8,.38),transparent 55%)}}
@media (prefers-reduced-motion:reduce){.home-video-media video{display:none}}

/* Hero typography alignment. */
.home-video-copy h1{font-size:clamp(43px,5vw,75px);font-style:italic;line-height:.99}
.home-video-copy h1 .hero-title-line{display:block;margin-left:0;font-size:inherit}
.home-video-copy h1 .hero-title-brand{display:block;color:#fff}
.home-video-copy h1 .hero-title-brand span{color:#fff}
.home-video-copy h1 .hero-title-brand b{color:#fff;font:inherit}
.home-video-copy h1 .hero-primary{color:var(--red)!important;font:inherit}

/* Centrado vertical absoluto del contenido del Hero de Inicio. */
.home-video-hero .home-video-copy{position:absolute;inset:0 auto 0 0;height:auto!important;min-height:0!important;justify-content:center!important}
@media(max-width:850px){.home-video-hero .home-video-copy{inset:0;width:100%;height:auto!important;min-height:0!important}}

/* Cada fila conserva el mismo punto de inicio aunque esté inclinada. */
.home-video-hero .home-video-copy h1{transform:none!important}
.home-video-hero .home-video-copy h1 .hero-title-brand,.home-video-hero .home-video-copy h1 .hero-title-line{display:block;transform:skewX(-8deg);transform-origin:left center}
.home-video-hero .home-video-copy .eyebrow{color:var(--red)!important;margin-bottom:17px!important}

/* En escritorio cada línea del título tiene un corte editorial controlado. */
@media (min-width:851px){
  .home-video-hero .home-video-copy{width:min(980px,70%)}
  .home-video-hero .home-video-copy h1{max-width:980px}
  .home-video-hero .home-video-copy h1 .hero-title-line{white-space:nowrap}
}