/* V62 — correcciones responsive puntuales sin rediseñar componentes. */
:root{--jm-cyan:#10d8e9;}

/* INICIO: separacion vertical bajo el titulo y cian unificado. */
@media (min-width:981px){
  .home-hero-v57 .hero-v18-copy .eyebrow,
  .home-hero-v57 .hero-v18-copy #hero-title em,
  .home-hero-v57 .hero-v18-copy #hero-title em .hero-line{
    color:var(--jm-cyan)!important;
    -webkit-text-fill-color:var(--jm-cyan)!important;
  }
  .home-hero-v57 .hero-v18-copy>p{margin-top:22px!important;}
  .home-hero-v57 .hero-actions{margin-top:26px!important;}
  .home-hero-v57 .hero-proof{margin-top:18px!important;}
}

/* Escritorios compactos: preservar el camión completo del fondo del hero de Inicio. */
@media (min-width:981px) and (max-width:1450px){
  .home-hero-v57{
    background-size:auto 100%!important;
    background-position:center center!important;
    background-color:#031826!important;
  }
}

/* EMPRESA: V61 no debe cambiar la geometría interna definida por V44.
   Se conserva el padding proporcional y se evita que el título desborde. */
@media (min-width:981px){
  .company-hero-v43__inner{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:58%!important;
    padding-right:clamp(48px,6vw,120px)!important;
  }
  .company-hero-v43__content{
    width:min(100%,650px)!important;
    min-width:0!important;
  }
  .company-hero-v43__content h1{
    font-size:clamp(2.55rem,3.35vw,4.2rem)!important;
  }
  .company-hero-v43__content h1 span,
  .company-hero-v43__content h1 em{
    white-space:normal!important;
    overflow-wrap:normal!important;
  }
  .company-hero-v43__secondary{
    color:var(--jm-cyan)!important;
    border-color:var(--jm-cyan)!important;
  }
}
@media (min-width:981px) and (max-width:1500px){
  .company-hero-v43__inner{
    padding-left:58%!important;
    padding-right:clamp(36px,4vw,70px)!important;
  }
  .company-hero-v43__content{width:min(100%,590px)!important;}
  .company-hero-v43__content h1{font-size:clamp(2.45rem,3.15vw,3.7rem)!important;}
}
@media (min-width:981px) and (max-width:1180px){
  .company-hero-v43__inner{padding-left:57%!important;padding-right:30px!important;}
  .company-hero-v43__content{width:100%!important;max-width:510px!important;}
  .company-hero-v43__content h1{font-size:clamp(2.15rem,3.7vw,3rem)!important;}
}