/* ======================================================================
   DIFUSOR V127 · HOME REFINADA
   - Hero más alto visualmente (copy elevado)
   - Se retira bloque 2015 / Integral / Propio
   - Header con hover luminoso y elevación sutil
   ====================================================================== */

/* Hero: recuperar aire vertical y llevar el titular un poco más arriba. */
@media (min-width:1001px){
  #inicio .hero-copy{
    transform:translateY(-4px)!important;
  }
}

/* El bloque de fortalezas fue retirado del HTML; blindaje por compatibilidad CMS. */
#inicio .hero-proof{display:none!important}

/* Header: links con elevación, contraste y haz de luz al hover/focus. */
.nav .menu a[data-nav],
.nav .menu a.menu-mobile-quote{
  position:relative;
  z-index:0;
  padding-left:10px;
  padding-right:10px;
  margin-left:-10px;
  margin-right:-10px;
  border-radius:12px;
  overflow:hidden;
  isolation:isolate;
  transition:
    color .20s ease,
    transform .20s ease,
    background-color .20s ease,
    box-shadow .22s ease!important;
}
.nav .menu a[data-nav]::before,
.nav .menu a.menu-mobile-quote::before{
  content:"";
  position:absolute;
  z-index:1;
  top:-25%;
  bottom:-25%;
  left:-70%;
  width:52%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(197,238,252,.28),rgba(255,255,255,.34),rgba(170,226,247,.18),transparent);
  opacity:0;
  pointer-events:none;
  transition:left .38s ease,opacity .18s ease;
}
.nav .menu a[data-nav]:hover,
.nav .menu a[data-nav]:focus-visible,
.nav .menu a.menu-mobile-quote:hover,
.nav .menu a.menu-mobile-quote:focus-visible{
  color:#fff!important;
  transform:translateY(-2px);
  background:rgba(116,205,237,.075);
  box-shadow:
    0 8px 22px rgba(0,0,0,.18),
    0 0 0 1px rgba(164,224,246,.11),
    0 0 22px rgba(102,200,236,.14);
}
.nav .menu a[data-nav]:hover::before,
.nav .menu a[data-nav]:focus-visible::before,
.nav .menu a.menu-mobile-quote:hover::before,
.nav .menu a.menu-mobile-quote:focus-visible::before{
  left:120%;
  opacity:1;
}

/* CTA del header: misma lógica, con un haz más perceptible. */
.nav .navin > .cta{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .20s ease,box-shadow .22s ease,filter .20s ease!important;
}
.nav .navin > .cta::before{
  content:"";
  position:absolute;
  z-index:1;
  top:-35%;
  bottom:-35%;
  left:-65%;
  width:45%;
  transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),rgba(204,242,255,.52),transparent);
  opacity:0;
  pointer-events:none;
  transition:left .42s ease,opacity .18s ease;
}
.nav .navin > .cta:hover,
.nav .navin > .cta:focus-visible{
  transform:translateY(-2px);
  filter:brightness(1.04);
  box-shadow:0 10px 26px rgba(0,0,0,.20),0 0 26px rgba(120,211,242,.22);
}
.nav .navin > .cta:hover::before,
.nav .navin > .cta:focus-visible::before{
  left:125%;
  opacity:1;
}

@media (prefers-reduced-motion:reduce){
  .nav .menu a[data-nav],
  .nav .menu a.menu-mobile-quote,
  .nav .navin > .cta,
  .nav .menu a[data-nav]::before,
  .nav .menu a.menu-mobile-quote::before,
  .nav .navin > .cta::before{transition:none!important}
}

.nav .menu a[data-nav]::after{z-index:2!important}