/* Vitágua v6.8.1 — corrections exclusive to narrow viewports.
   Preserve desktop visuals and original certificate card dimensions. */
@media (max-width:700px){
  /* Certificado: center the ORIGINAL card in the truck picture.
     A former align-self:flex-end placed it at the bottom independently of admin settings. */
  html body main #estrutura.vt-truck-section{
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  html body main #estrutura.vt-truck-section .vt-truck-overlay{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:var(--truck-height,690px)!important;
    padding:clamp(24px,5vh,44px) 0!important;
    width:calc(100% - 32px)!important;
    box-sizing:border-box!important;
  }
  html body main #estrutura.vt-truck-section .vt-truck-card{
    align-self:center!important;
    flex:none!important;
    width:min(var(--truck-card-width,490px),100%)!important;
    max-width:100%!important;
    /* Position only: do NOT scale, crop, compress, or reduce the card. */
    transform:translate3d(var(--vt-truck-mobile-x,0px),var(--vt-truck-mobile-y,-35px),0)!important;
  }
  html body main #estrutura.vt-truck-section .vt-truck-picture img{
    object-position:var(--vt-truck-mobile-image-focus,72%) center!important;
  }
  /* Partner heading: balanced mobile typography, comfortable breathing room. */
  html body main #clientes.client-logos-section{
    padding:var(--vt-partner-mobile-padding-top,46px) 0 var(--vt-partner-mobile-padding-bottom,46px)!important;
  }
  html body main #clientes .client-logos-copy{
    width:min(100%,380px)!important;
    max-width:calc(100% - 20px)!important;
    margin:0 auto var(--vt-partner-mobile-title-gap,26px)!important;
    transform:none!important;
    text-align:center!important;
  }
  html body main #clientes .client-logos-copy h2{
    max-width:100%!important;
    font-size:var(--vt-partner-mobile-title-size,34px)!important;
    line-height:1.1!important;
    letter-spacing:-.025em!important;
    text-wrap:balance;
    overflow-wrap:normal;
    margin:0!important;
    text-align:center!important;
  }
  html body main #clientes .client-marquee{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:calc(var(--vt-partner-mobile-logo-height,90px) + 18px)!important;
    overflow:hidden!important;
    mask-image:linear-gradient(to right,transparent,black 3%,black 97%,transparent)!important;
    -webkit-mask-image:linear-gradient(to right,transparent,black 3%,black 97%,transparent)!important;
  }
  html body main #clientes .client-marquee-group{
    gap:var(--vt-partner-mobile-gap,40px)!important;
    padding-right:var(--vt-partner-mobile-gap,40px)!important;
    align-items:center!important;
  }
  html body main #clientes .client-logo-item{
    min-width:0!important;
    width:auto!important;
    height:calc(var(--vt-partner-mobile-logo-height,90px) + 18px)!important;
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body main #clientes .client-logo-item img{
    display:block!important;
    max-width:min(66vw,var(--vt-client-logo-width,240px),208px)!important;
    max-height:var(--vt-partner-mobile-logo-height,90px)!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  html body main #clientes[data-partner-mode="static"] .client-marquee,
  html body main #clientes .client-marquee.is-single{mask-image:none!important;-webkit-mask-image:none!important;}
  html body main #clientes[data-partner-mode="static"] .client-marquee-group:first-child,
  html body main #clientes .client-marquee.is-single .client-marquee-group:first-child{
    justify-content:center!important;
    flex-wrap:wrap!important;
    row-gap:18px!important;
    padding-right:0!important;
  }
  /* Keep floating CTA buttons inside safe areas and away from each other. */
  html body .floating-controls{
    right:calc(16px + env(safe-area-inset-right,0px))!important;
    bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
    gap:12px!important;
    align-items:center!important;
  }
  html body .floating-controls .wa-float,
  html body .floating-controls .top-float{margin:0!important;flex:none!important;}
  html body .sound-toggle{
    left:calc(16px + env(safe-area-inset-left,0px))!important;
    bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
  }
  /* Mobile riacho: show the entire supplied composition in the foreground,
     with a soft ambient fill behind the image when the screen is extra tall.
     Avoid cropping the word Vitágua on narrow iPhones. */
  html body #experiencia .vt-mobile-riacho{
    background-image:none!important;
    background-color:#082d24!important;
    overflow:hidden!important;
  }
  html body #experiencia .vt-mobile-riacho::before,
  html body #experiencia .vt-mobile-riacho::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:var(--vt-riacho-image)!important;
    background-position:center var(--vt-mobile-focus,55%)!important;
    background-repeat:no-repeat!important;
    pointer-events:none;
  }
  html body #experiencia .vt-mobile-riacho::before{
    inset:-28px;
    background-size:cover!important;
    filter:blur(26px) brightness(.72);
    opacity:.9;
  }
  html body #experiencia .vt-mobile-riacho::after{
    background-size:contain!important;
  }
}