/* V58 - ajustes puntuales solicitados por cliente. */

/* Navegación: página activa cian, las demás blancas. */
.site-header .nav-dropdown > .nav-dropdown-toggle{color:#fff!important}
.site-header .nav-dropdown.active > .nav-dropdown-toggle{color:#16d9eb!important}

/* INICIO: conservar exactamente la estructura/contenido del hero original.
   Solo se sustituye su franja gráfica por la franja aprobada que usaba Servicios. */
.home-hero-v57{
  min-height:unset!important;
  display:block!important;
  align-items:unset!important;
  overflow:hidden;
  background:#031826 url("hero-servicios-fondo-v27.webp") center/cover no-repeat!important;
  color:inherit!important;
  padding:clamp(52px,7vw,96px) 0 34px!important;
}
.home-hero-v57:after{content:"";display:block!important;position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(2,20,32,.10),rgba(2,20,32,.02) 55%,transparent 75%);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!important;z-index:2!important;display:grid!important;width:min(1180px,calc(100% - 48px))!important;padding:0!important}
.home-hero-v57 .hero-v18-copy{position:relative!important;transform:none!important;left:72px!important;top:-34px!important;width:auto!important;text-align:left!important}
.home-hero-v57 .hero-v18-copy .eyebrow{color:inherit}
.home-hero-v57 .hero-v18-copy h1{margin:0!important;font-size:clamp(3rem,5vw,5.4rem)!important;line-height:.92!important}
.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!important}
.home-hero-v57 .hero-proof{color:#e4eff2!important}
.home-hero-v57 .hero-v18-metrics{position:relative!important;z-index:3!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(1640px,calc(100% - 180px))!important;margin:26px auto 0!important}

/* Soluciones: las tres tarjetas ocupan exactamente el mismo ancho y altura base. */
.solutions-v23 .solutions-stage-v23{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.solutions-v23 .solution-card-v23,.solutions-v23 .solution-fleet-v23,.solutions-v23 .solution-services-v23,.solutions-v23 .solution-company-v23{width:100%!important;transform:none!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}

/* SERVICIOS: nueva franja visual con fotografía real del Actros. El contenido HTML no cambia. */
.services-hero-v26{
  background-color:#031826!important;
  background-image:
    radial-gradient(ellipse at 79% 48%,rgba(20,216,235,.22) 0 28%,transparent 29%),
    linear-gradient(105deg,#031826 0%,#04273a 42%,rgba(3,24,38,.46) 59%,rgba(3,24,38,.08) 76%),
    url("actros-real-servicios-v58.jpg")!important;
  background-size:auto,auto,58% auto!important;
  background-position:center,center,right center!important;
  background-repeat:no-repeat!important;
}
.services-hero-v26:before{content:"";position:absolute;z-index:0;right:-7%;top:-28%;width:56%;aspect-ratio:1;border:3px solid rgba(18,215,234,.52);border-radius:50%;box-shadow:0 0 0 18px rgba(16,172,211,.08),0 0 0 42px rgba(8,112,165,.06);pointer-events:none}
.services-hero-v26:after{background:linear-gradient(90deg,rgba(2,20,32,.38) 0%,rgba(2,20,32,.12) 48%,transparent 70%)!important}

/* FLOTA: mostrar más contexto de la fotografía real, sin ampliarla en exceso. */
.fleet-closing-v41 .fleet-closing-real-v57{
  background-size:contain!important;
  background-position:right center!important;
  background-repeat:no-repeat!important;
  background-color:#022b49!important;
}

@media(max-width:860px){
  /* Inicio mantiene su comportamiento móvil aprobado: imagen/franja arriba, texto debajo. */
  .home-hero-v57{padding:0!important;background-image:none!important;display:block!important}
  .home-hero-v57:before{content:"";display:block!important;position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:1.55/1!important;background:#071d2a url("hero-servicios-fondo-v27.webp") right center/auto 100% no-repeat!important}
  .home-hero-v57:after{display:none!important}
  .home-hero-v57 .hero-v18-layout{display:block!important;width:100%!important;padding:0!important}
  .home-hero-v57 .hero-v18-copy{position:static!important;left:auto!important;top:auto!important;width:100%!important;padding:38px 24px 40px!important;text-align:center!important;background:linear-gradient(155deg,#031520,#052a3b)}
  .home-hero-v57 .hero-v18-copy h1{font-size:clamp(2.55rem,10vw,3.5rem)!important;line-height:.98!important;margin:18px auto!important}
  .home-hero-v57 .hero-v18-copy>p{margin-inline:auto}
  .home-hero-v57 .hero-actions,.home-hero-v57 .hero-proof{justify-content:center!important}
  .home-hero-v57 .hero-v18-metrics{width:100%!important;margin:0!important;border-radius:0!important}

  .solutions-v23 .solutions-stage-v23{grid-template-columns:1fr!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}

  /* Servicios: fotografía real completa arriba, contenido debajo. */
  .services-hero-v26{background-image:none!important}
  .services-hero-v26:before{content:""!important;display:block!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important;aspect-ratio:1.55/1!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#05283a url("actros-real-servicios-v58.jpg") center/contain no-repeat!important}
  .services-hero-v26:after{display:none!important}

  /* Flota: foto completa y más alejada arriba. */
  .fleet-closing-v41 .fleet-closing-real-v57{aspect-ratio:16/11!important;background-size:contain!important;background-position:center!important}
}
@media(max-width:560px){
  .home-hero-v57:before,.services-hero-v26:before{aspect-ratio:1.3/1!important}
}