/* RLI UI 5.9.5 — mobile hero guards */
/* =========================================================
   RLI MOBILE HERO CLEAN SAFE v5.5.9
   Copiado del patrón bueno de MITRA:
   - En móvil el hero gana altura real.
   - La imagen queda como fondo/capa visual.
   - El overlay queda detrás del contenido.
   - H1, subtítulo, contador y buscador no se pisan.
   - Solo CSS central; no toca H1, schema, canonical ni lógica.
========================================================= */
@media (max-width:767px){
  body .asap-hero{
    height:420px !important;
    min-height:420px !important;
    max-height:none !important;
    margin-top:0 !important;
    margin-bottom:20px !important;
    overflow:hidden !important;
    position:relative !important;
    display:block !important;
    padding:0 !important;
    box-sizing:border-box !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    isolation:isolate !important;
  }

  body .asap-hero picture,
  body .asap-hero > img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    z-index:0 !important;
    visibility:visible !important;
    pointer-events:none !important;
    overflow:hidden !important;
  }

  body .asap-hero picture img,
  body .asap-hero > img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  body .asap-hero::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background:rgba(0,0,0,.62) !important;
    pointer-events:none !important;
  }

  body .asap-hero-content{
    position:relative !important;
    z-index:2 !important;
    padding:96px 18px 24px !important;
    box-sizing:border-box !important;
    max-width:100% !important;
  }

  body .asap-hero-content h1,
  body .asap-hero h1{
    font-size:26px !important;
    line-height:1.24 !important;
    margin-top:0 !important;
    margin-bottom:10px !important;
  }

  body .asap-hero-content p,
  body .asap-hero-content .rli-hero-counter,
  body .asap-hero-content .rli-hero-counter small{
    max-width:100% !important;
    color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.25) !important;
  }

  body .asap-hero-content p{
    font-size:14px !important;
    line-height:1.35 !important;
    margin-bottom:10px !important;
  }

  body .asap-hero-content .rli-hero-counter{
    font-size:16px !important;
    line-height:1.30 !important;
    margin-top:8px !important;
  }

  body .asap-hero-content .rli-hero-counter small{
    font-size:13px !important;
    line-height:1.34 !important;
  }

  body .search-home,
  body .asap-hero .search-home,
  body .asap-hero-content .search-home{
    position:relative !important;
    z-index:3 !important;
    max-width:92% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:360px){
  body .asap-hero{
    height:400px !important;
    min-height:400px !important;
  }

  body .asap-hero-content{
    padding-top:94px !important;
  }

  body .asap-hero-content h1,
  body .asap-hero h1{
    font-size:23px !important;
    line-height:1.26 !important;
  }

  body .asap-hero-content p{
    font-size:13px !important;
    line-height:1.32 !important;
  }

  body .asap-hero-content .rli-hero-counter{
    font-size:15px !important;
    line-height:1.28 !important;
  }

  body .asap-hero-content .rli-hero-counter small{
    font-size:12.5px !important;
    line-height:1.32 !important;
  }
}