/* ==========================================================
   ALET V7.33 — CORRECCIÓN DEFINITIVA HERO EN CELULAR
   Elimina el bloque blanco provocado por reglas móviles
   históricas y fuerza una composición normal, sin capas
   absolutas que reserven altura vacía.
   ========================================================== */

@media (max-width:900px){

  #inicio.hero-v65{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:285px 18px 26px !important;
    overflow:visible !important;
    box-sizing:border-box !important;

    /* La foto vive directamente en el fondo del hero:
       ya no depende de pseudo-elementos que estaban generando el hueco. */
    background:
      linear-gradient(
        180deg,
        rgba(247,249,252,0) 0px,
        rgba(247,249,252,0) 155px,
        rgba(247,249,252,.10) 195px,
        rgba(247,249,252,.52) 235px,
        #f7f9fc 280px,
        #f7f9fc 100%
      ),
      url("images/hero_guardia_blanco_clean_v67.jpg") 67% 0 / auto 285px no-repeat !important;
  }

  /* Neutraliza TODAS las capas heredadas del hero */
  #inicio.hero-v65::after,
  #inicio.hero-v65::before,
  #inicio.hero-v65 .hero-v65-overlay{
    content:none !important;
    display:none !important;
    position:static !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    opacity:0 !important;
    animation:none !important;
    transform:none !important;
  }

  /* Contenido vuelve al flujo normal */
  #inicio.hero-v65 .hero-v65-content{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    z-index:2 !important;
    transform:none !important;
  }

  #inicio.hero-v65 .hero-v65-copy{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    transform:none !important;
  }

  /* Evita que alguna animación histórica deje el título invisible */
  #inicio.hero-v65 h1,
  #inicio.hero-v65 h1 span,
  #inicio.hero-v65 .hero-v65-copy p,
  #inicio.hero-v65 .hero-v65-actions{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    animation:none !important;
  }

  #inicio.hero-v65 h1{
    display:block !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:clamp(42px,10.5vw,54px) !important;
    line-height:.98 !important;
  }

  #inicio.hero-v65 .hero-v65-redline{
    margin:18px 0 16px !important;
  }

  #inicio.hero-v65 .hero-v65-copy p{
    display:block !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:14px !important;
    line-height:1.6 !important;
  }

  #inicio.hero-v65 .hero-v65-actions{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    margin-top:20px !important;
  }

  #inicio.hero-v65 .hero-v65-btn{
    width:100% !important;
    min-height:46px !important;
    justify-content:center !important;
  }

  /* Estadísticas sin posiciones absolutas ni reservas invisibles */
  #inicio.hero-v65 .hero-v65-stats{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    margin:18px 0 0 !important;
    transform:none !important;
    opacity:1 !important;
    animation:none !important;
    z-index:2 !important;
  }

  #inicio.hero-v65 .hero-v65-wave{
    display:none !important;
  }
}

@media (max-width:560px){
  #inicio.hero-v65{
    padding-top:255px !important;
    background:
      linear-gradient(
        180deg,
        rgba(247,249,252,0) 0px,
        rgba(247,249,252,0) 135px,
        rgba(247,249,252,.12) 170px,
        rgba(247,249,252,.58) 215px,
        #f7f9fc 250px,
        #f7f9fc 100%
      ),
      url("images/hero_guardia_blanco_clean_v67.jpg") 68% 0 / auto 255px no-repeat !important;
  }
}

@media (max-width:390px){
  #inicio.hero-v65{
    padding-top:235px !important;
    background:
      linear-gradient(
        180deg,
        rgba(247,249,252,0) 0px,
        rgba(247,249,252,0) 120px,
        rgba(247,249,252,.14) 155px,
        rgba(247,249,252,.62) 195px,
        #f7f9fc 230px,
        #f7f9fc 100%
      ),
      url("images/hero_guardia_blanco_clean_v67.jpg") 69% 0 / auto 235px no-repeat !important;
  }
}