/* Ajuste aislado: hero de Inicio. No afecta otras secciones ni páginas. */
@media (min-width:981px){
  .hero-v18 > .hero-v18-layout > .hero-v18-copy{
    transform:translate(82px,-54px);
  }
  .hero-v18 > .hero-v18-layout > .hero-v18-copy #hero-title span,
  .hero-v18 > .hero-v18-layout > .hero-v18-copy #hero-title em{
    display:block;
    white-space:nowrap;
  }
  .hero-v18 > .hero-v18-layout > .hero-v18-copy #hero-title em .hero-line{
    display:block;
  }
}

@media (max-width:980px){
  .hero-v18 > .hero-v18-layout > .hero-v18-copy{
    transform:translateY(-8px);
    box-sizing:border-box;
    max-width:100%;
  }
  .hero-v18 > .hero-v18-layout > .hero-v18-copy #hero-title{
    max-width:100%;
    overflow-wrap:normal;
    word-break:normal;
  }
  .hero-v18 > .hero-v18-layout > .hero-v18-copy #hero-title em .hero-line{
    display:block;
  }
  .hero-v18 > .hero-v18-layout > .hero-v18-copy .hero-actions,
  .hero-v18 > .hero-v18-layout > .hero-v18-copy .hero-proof{
    max-width:100%;
  }
}

@media (max-width:650px){
  .hero-v18 > .hero-v18-layout > .hero-v18-copy{
    transform:translateY(-6px);
  }
}

/* V51: ajustes exclusivos del hero de Inicio solicitados sobre V50. */
@media (min-width:981px){
  /* Usar posicion relativa porque la animacion del hero controla transform. */
  .hero-v18 > .hero-v18-layout > .hero-v18-copy{
    left:72px;
    top:-34px;
  }

  /* Restaurar el cian del segundo y tercer renglon pese a reglas heredadas. */
  .hero-v18 > .hero-v18-layout > .hero-v18-copy #hero-title em .hero-line{
    color:transparent !important;
    background:linear-gradient(105deg,#06a7c8,#067db9 72%) !important;
    background-clip:text !important;
    -webkit-background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
  }

  /* Hacer el bloque de indicadores mas compacto lateralmente sin alterar su contenido. */
  .hero-v18 > .hero-v18-metrics{
    width:min(1640px,calc(100% - 180px));
  }
}

/* V53: corrección solicitada. Solo Inicio. */
@media (min-width:981px){
  /* “siempre” y “bajo control.” conservan el azul claro/cian de contraste. */
  .hero-v18 > .hero-v18-layout > .hero-v18-copy #hero-title em .hero-line{
    color:#06a7c8 !important;
    background:linear-gradient(105deg,#06a7c8,#067db9 72%) !important;
    background-clip:text !important;
    -webkit-background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
  }

  /* Franja Soluciones: mismas posiciones/composicion, pero conjunto mas compacto. */
  .solutions-v23 .solutions-stage-v23{
    width:92%;
    margin-left:auto;
    margin-right:auto;
  }
  .solutions-v23 .solution-card-v23 figure{height:276px;}
  .solutions-v23 .solution-fleet-v23 figure{height:304px;}
  .solutions-v23 .solution-copy-v23{
    min-height:174px;
    padding:23px 32px 25px;
  }
  .solutions-v23 .solution-fleet-v23 .solution-copy-v23{min-height:184px;}
}

/* V54: corrección definitiva de color del 2.º y 3.º renglón del título del hero Inicio.
   Se usa color sólido para evitar que background-clip/text-fill heredados lo rendericen blanco. */
.hero-v18 > .hero-v18-layout > .hero-v18-copy #hero-title em,
.hero-v18 > .hero-v18-layout > .hero-v18-copy #hero-title em .hero-line{
  color:#079dcc !important;
  background:none !important;
  background-image:none !important;
  background-clip:border-box !important;
  -webkit-background-clip:border-box !important;
  -webkit-text-fill-color:#079dcc !important;
  text-shadow:none !important;
}