/* V57 - cambios solicitados por cliente. Aislados para no alterar bloques aprobados. */

/* Inicio: misma lógica visual del hero de Servicios, conservando contenido de Inicio. */
.home-hero-v57{position:relative;isolation:isolate;min-height:720px;display:flex;align-items:center;overflow:hidden;background:#031826 url("hero-servicios-fondo-v27.webp") center/cover no-repeat;color:#fff;padding:0!important}
.home-hero-v57:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(2,20,32,.24),rgba(2,20,32,.03) 52%,transparent 68%);pointer-events:none}
.home-hero-v57 .hero-v18-orb,.home-hero-v57 .hero-v18-visual{display:none!important}
.home-hero-v57 .hero-v18-layout{position:relative;z-index:2;display:block;width:min(1240px,calc(100% - 48px));padding:88px 0 160px!important}
.home-hero-v57 .hero-v18-copy{position:static!important;transform:none!important;left:auto!important;top:auto!important;width:min(650px,50vw);text-align:left}
.home-hero-v57 .hero-v18-copy .eyebrow{color:#19dcef}
.home-hero-v57 .hero-v18-copy h1{margin:20px 0;font-size:clamp(3rem,4.05vw,4.95rem);line-height:.98;color:#fff}
.home-hero-v57 .hero-v18-copy h1>span{color:#fff!important}
.home-hero-v57 .hero-v18-copy #hero-title em .hero-line{color:#16d9eb!important;background:none!important;-webkit-text-fill-color:#16d9eb!important}
.home-hero-v57 .hero-v18-copy>p{color:#d4e1e6;max-width:610px}
.home-hero-v57 .hero-proof{color:#e4eff2}
.home-hero-v57 .hero-v18-metrics{position:absolute;z-index:3;left:50%;bottom:26px;transform:translateX(-50%);width:min(1160px,calc(100% - 80px))!important}

/* Soluciones: las tres tarjetas tienen exactamente la misma jerarquía y desaparece la ruta cian. */
.solutions-v23 .solutions-route-v23,.solutions-v23 .solutions-stage-v23:before,.solutions-v23 .solution-card-v23:before{display:none!important}
.solutions-v23 .solution-card-v23,.solutions-v23 .solution-fleet-v23,.solutions-v23 .solution-services-v23,.solutions-v23 .solution-company-v23{margin-top:0!important;border:1px solid rgba(7,29,53,.10)!important;box-shadow:0 16px 36px rgba(5,35,56,.10)!important;border-radius:28px!important}
.solutions-v23 .solution-card-v23 figure,.solutions-v23 .solution-fleet-v23 figure{height:276px!important}
.solutions-v23 .solution-card-v23 .solution-copy-v23,.solutions-v23 .solution-fleet-v23 .solution-copy-v23{min-height:174px!important}

/* Fotos reales seleccionadas: encuadre limpio sin alterar su contenido. */
#respaldo-real .home-split-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.fleet-closing-v41 .fleet-closing-real-v57{background-image:url('equipo-flota-real-v57.webp')!important;transform:none!important;background-position:center 56%!important;background-size:cover!important}
.fleet-closing-v41:after{background:linear-gradient(90deg,rgba(1,28,48,.94) 0%,rgba(1,36,62,.82) 37%,rgba(1,36,62,.20) 68%,rgba(1,36,62,.06) 100%)!important}

/* Navegación con submenús por secciones. */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:14px 9px;display:flex;align-items:center;gap:5px}
.nav-dropdown.active>.nav-dropdown-toggle{color:#10cfe3}
.nav-caret{font-size:.9em;transition:transform .2s ease}
.nav-dropdown.open .nav-caret{transform:rotate(180deg)}
.nav-submenu{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%) translateY(-5px);min-width:230px;padding:9px;background:#071d2a;border:1px solid rgba(22,211,231,.18);border-radius:15px;box-shadow:0 18px 40px rgba(0,0,0,.22);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:100}
.nav-dropdown.open .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-submenu a{display:block!important;padding:10px 12px!important;border-radius:9px;white-space:nowrap;color:#eaf5f7!important;font-size:.86rem!important}
.nav-submenu a:hover{background:rgba(16,207,227,.12);color:#18d8e8!important}

@media(max-width:860px){
  /* Inicio móvil: imagen protagonista arriba, texto debajo, como Servicios. */
  .home-hero-v57{min-height:0;display:block;background-image:none!important}
  .home-hero-v57:before{content:"";display:block;width:100%;aspect-ratio:1.45/1;background:#071d2a url("hero-servicios-fondo-v27.webp") right center/auto 100% no-repeat}
  .home-hero-v57:after{display:none}
  .home-hero-v57 .hero-v18-layout{width:100%;padding:0!important}
  .home-hero-v57 .hero-v18-copy{width:100%;padding:38px 24px 40px!important;text-align:center;background:linear-gradient(155deg,#031520,#052a3b)}
  .home-hero-v57 .hero-v18-copy .eyebrow,.home-hero-v57 .hero-actions,.home-hero-v57 .hero-proof{justify-content:center}
  .home-hero-v57 .hero-v18-copy h1{font-size:clamp(2.55rem,10vw,3.5rem);margin:18px auto}
  .home-hero-v57 .hero-v18-copy>p{margin-inline:auto}
  .home-hero-v57 .hero-v18-metrics{position:static;transform:none;width:100%!important;margin:0!important;border-radius:0!important}
  /* mismo tamaño de marca en Inicio que en el resto */
  .site-header .brand-v20{width:auto!important;max-width:none!important}
  .site-header .brand-v20-symbol{width:42px!important;height:42px!important}
  .site-header .brand-v20-wordmark{width:142px!important;max-width:142px!important;height:auto!important}
  /* Tarjetas iguales, una debajo de otra y sin ruta/puntos. */
  .solutions-v23 .solutions-stage-v23{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
  .solutions-v23 .solution-card-v23,.solutions-v23 .solution-fleet-v23{width:100%!important;margin:0!important}
  .solutions-v23 .solution-card-v23 figure,.solutions-v23 .solution-fleet-v23 figure{height:auto!important;aspect-ratio:16/10!important}
  .solutions-v23 .solution-card-v23 .solution-copy-v23,.solutions-v23 .solution-fleet-v23 .solution-copy-v23{min-height:0!important}
  /* Foto real del equipo en cierre de Flota: imagen arriba, texto abajo. */
  .fleet-closing-v41{display:block!important;min-height:0!important;background:#022b49!important}
  .fleet-closing-v41 .fleet-closing-real-v57{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:4/3!important;background-size:cover!important;background-position:center 60%!important}
  .fleet-closing-v41:after{display:none!important}
  .fleet-closing-v41__layout{padding:40px 22px 50px!important}
  .fleet-closing-v41__content{width:100%!important;text-align:center!important;margin-inline:auto!important}
  .fleet-closing-v41__kicker,.fleet-closing-v41__benefits li{justify-content:center!important}
  .fleet-closing-v41__benefits{margin-inline:auto!important}
  /* Submenús dentro del menú hamburguesa. */
  .nav.open{overflow:visible}
  .nav-dropdown{display:block;width:100%}
  .nav-dropdown-toggle{width:100%;min-height:46px;justify-content:space-between;padding:10px 4px!important;color:#fff;text-align:left}
  .nav-submenu{position:static;transform:none!important;min-width:0;width:100%;display:none;opacity:1;visibility:visible;pointer-events:auto;background:rgba(255,255,255,.05);box-shadow:none;border-radius:10px;margin:2px 0 8px;padding:5px 8px}
  .nav-dropdown.open .nav-submenu{display:block}
  .nav-submenu a{padding:9px 10px!important;font-size:.84rem!important}
}
@media(max-width:560px){
  .home-hero-v57:before{aspect-ratio:1.32/1}
  .home-hero-v57 .hero-v18-copy{padding:32px 18px 36px!important}
  .site-header .brand-v20-symbol{width:39px!important;height:39px!important}
  .site-header .brand-v20-wordmark{width:132px!important;max-width:132px!important}
}