/* AppEvidex approved-mobile recovery preview.
   This is NOT a redesign. The approved 941x1617 mockups are the visual authority.
   The page scrolls at the image's natural aspect ratio; it is never fitted to viewport height.
*/
.approved-recovery{display:none!important}

@media(max-width:820px){
  html{
    width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  body{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow-x:hidden!important;
    background:#020914!important;
  }

  /* Retire every experimental mobile reconstruction in preview. */
  .v15-mobile,.v16-mobile,.v17-mobile-approved,.v18-mobile,.v19-mobile,.v20-mobile,.v21m{
    display:none!important;
  }
  .v15-desktop{display:none!important}

  .approved-recovery{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:941px!important;
    aspect-ratio:941 / 1617!important;
    margin:0 auto!important;
    padding:0!important;
    background-color:#020914!important;
    background-repeat:no-repeat!important;
    background-position:top center!important;
    background-size:100% 100%!important;
    overflow:hidden!important;
    transform:none!important;
    zoom:1!important;
  }
  .approved-recovery.home{
    background-image:url('/assets/approved-home-mobile-v17.webp')!important;
  }
  .approved-recovery.como{
    background-image:url('/assets/approved-como-mobile-v17.webp')!important;
  }

  .ar-hot{
    position:absolute!important;
    z-index:8!important;
    display:block!important;
    border:0!important;
    background:transparent!important;
    color:transparent!important;
    font-size:0!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:rgba(242,182,68,.16)!important;
  }
  .ar-hot:focus-visible{
    outline:2px solid #f2b644!important;
    outline-offset:2px!important;
    border-radius:10px!important;
  }

  .ar-logo{left:5.2%;top:.3%;width:24.5%;height:4.1%}
  .ar-pt{left:65.0%;top:.2%;width:8.6%;height:4.2%}
  .ar-en{left:74.4%;top:.2%;width:8.4%;height:4.2%}
  .ar-es{left:83.7%;top:.2%;width:8.8%;height:4.2%}

  .ar-servicos{left:5.1%;top:4.0%;width:14.8%;height:3.5%}
  .ar-oferta{left:20.0%;top:4.0%;width:17.2%;height:3.5%}
  .ar-processo{left:37.7%;top:4.0%;width:15.5%;height:3.5%}
  .ar-como{left:53.4%;top:4.0%;width:21.1%;height:3.5%}
  .ar-eco{left:74.8%;top:4.0%;width:18.0%;height:3.5%}

  .home .ar-home-primary{left:6.0%;top:31.7%;width:40.4%;height:4.0%}
  .home .ar-home-como{left:48.0%;top:31.7%;width:28.9%;height:4.0%}
  .home .ar-home-offer{left:68.0%;top:71.2%;width:24.2%;height:3.9%}
  .home .ar-home-final{left:61.4%;top:87.3%;width:31.5%;height:3.9%}

  .como .ar-como-primary{left:5.8%;top:29.7%;width:39.2%;height:4.0%}
  .como .ar-como-watch{left:47.3%;top:29.7%;width:29.5%;height:4.0%}
  .como .ar-como-final{left:60.7%;top:87.8%;width:31.7%;height:3.7%}

  .ar-video{
    position:absolute!important;
    z-index:6!important;
    left:5.15%!important;
    top:37.95%!important;
    width:89.15%!important;
    height:14.85%!important;
    overflow:hidden!important;
    border-radius:1.3%!important;
    background:#000!important;
    box-shadow:0 0 0 1px rgba(242,182,68,.15)!important;
  }
  .ar-video iframe{
    width:100%!important;height:100%!important;display:block!important;
    border:0!important;background:#000!important;
  }

  /* critical: no viewport-height fitting, no inherited min-height */
  body:has(.approved-recovery){min-height:0!important}
}

@media(min-width:821px){
  .approved-recovery{display:none!important}
}