/* ==========================================================
   ALET V7.36 — HERO MÓVIL VISIBLE Y SIN RECORTE
   Se usa una imagen HTML real para evitar que pseudo-elementos
   históricos oculten o colapsen la fotografía.
   ========================================================== */

.hero-v736-mobile-image{
  display:none;
}

@media (max-width:900px){

  #inicio.hero-v65{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 18px 26px !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#f7f9fc !important;
  }

  /* Desactivar cualquier versión anterior de la foto móvil */
  #inicio.hero-v65::before,
  #inicio.hero-v65::after,
  #inicio.hero-v65 .hero-v65-overlay{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    opacity:0 !important;
    background:none !important;
    animation:none !important;
  }

  #inicio.hero-v65 .hero-v736-mobile-image{
    display:block !important;
    order:0 !important;
    width:100% !important;
    max-width:430px !important;
    margin:0 auto 8px !important;
    padding:0 !important;
    position:relative !important;
    z-index:1 !important;
    line-height:0 !important;
    background:transparent !important;
  }

  #inicio.hero-v65 .hero-v736-mobile-image img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
  }

  /* Degradado suave inferior, sin recortar la foto */
  #inicio.hero-v65 .hero-v736-mobile-image::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:52px !important;
    pointer-events:none !important;
    background:linear-gradient(
      180deg,
      rgba(247,249,252,0) 0%,
      #f7f9fc 100%
    ) !important;
  }

  #inicio.hero-v65 .hero-v65-content{
    order:1 !important;
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  #inicio.hero-v65 .hero-v65-copy{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  #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;
  }

  #inicio.hero-v65 .hero-v65-stats{
    order:2 !important;
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:18px 0 0 !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    opacity:1 !important;
  }

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

@media (max-width:560px){
  #inicio.hero-v65 .hero-v736-mobile-image{
    max-width:360px !important;
    margin-bottom:4px !important;
  }
}

@media (max-width:390px){
  #inicio.hero-v65 .hero-v736-mobile-image{
    max-width:330px !important;
  }
}