/* APPEVIDEX MOBILE APPROVED V17
   Visual source: the two mobile mockups explicitly approved on 2026-09-04.
   Desktop V13/V14 remains untouched.
*/
.v17-mobile-approved{display:none!important}

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

  /* Retire the failed experimental mobile layers only on mobile. */
  .v15-mobile,.v16-mobile{display:none!important}
  .v15-desktop{display:none!important}

  .v17-mobile-approved{
    display:block!important;
    position:relative;
    width:100%;
    max-width:941px;
    margin:0 auto;
    background-color:#020914;
    background-repeat:no-repeat;
    background-position:top center;
    background-size:100% 100%;
    overflow:hidden;
  }

  .v17-mobile-approved.home{
    aspect-ratio:941 / 1617;
    background-image:url('/assets/approved-home-mobile-v17.webp');
  }

  .v17-mobile-approved.como{
    aspect-ratio:941 / 1617;
    background-image:url('/assets/approved-como-mobile-v17.webp');
  }

  .v17-hotspot{
    position:absolute;
    display:block;
    z-index:5;
    text-decoration:none;
    border:0;
    background:transparent;
    color:transparent;
    font-size:0;
    -webkit-tap-highlight-color:rgba(242,182,68,.18);
  }

  .v17-hotspot:focus-visible{
    outline:2px solid #f2b644;
    outline-offset:2px;
    border-radius:12px;
  }

  /* Shared header hotspots, coordinates measured from approved 941x1617 canvas. */
  .v17-logo{left:5.2%;top:.3%;width:24.5%;height:4.1%}
  .v17-lang-pt{left:65.0%;top:.2%;width:8.6%;height:4.2%}
  .v17-lang-en{left:74.4%;top:.2%;width:8.4%;height:4.2%}
  .v17-lang-es{left:83.7%;top:.2%;width:8.8%;height:4.2%}

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

  /* HOME approved mobile hotspots. */
  .home .v17-home-primary{left:6.0%;top:31.7%;width:40.4%;height:4.0%}
  .home .v17-home-como{left:48.0%;top:31.7%;width:28.9%;height:4.0%}
  .home .v17-home-offer{left:68.0%;top:71.2%;width:24.2%;height:3.9%}
  .home .v17-home-final{left:61.4%;top:87.3%;width:31.5%;height:3.9%}

  /* COMO FUNCIONA approved mobile hotspots. */
  .como .v17-como-primary{left:5.8%;top:29.7%;width:39.2%;height:4.0%}
  .como .v17-como-watch{left:47.3%;top:29.7%;width:29.5%;height:4.0%}
  .como .v17-como-final{left:60.7%;top:87.8%;width:31.7%;height:3.7%}

  /* Real YouTube player over the approved player frame. */
  .v17-video-real{
    position:absolute;
    z-index:4;
    left:5.15%;
    top:37.95%;
    width:89.15%;
    height:14.85%;
    border:0;
    border-radius:1.3%;
    overflow:hidden;
    background:#000;
    box-shadow:0 0 0 1px rgba(242,182,68,.15);
  }
  .v17-video-real iframe{
    width:100%;
    height:100%;
    display:block;
    border:0;
    background:#000;
  }

  /* Keep body from extending because hidden legacy wrappers may carry min-height. */
  body:has(.v17-mobile-approved){min-height:auto!important}
}

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