/* Queda com citação longa — fonte menor pra caber na caixa */
.content-section-fall .heading-fall{font-size:2.6rem!important;line-height:1.05!important}
@media (max-width:800px){
  .content-section-fall .heading-fall{font-size:5.5rem!important}
}
.blog-section,.modal-blogs{display:none!important}
/* TIKTOK fora do menu, elemento mantido pro JS */
li:has(#tiktok-link){display:none!important}
/* Widget Vamos Conversar removido, elemento mantido pro JS */
.cta-connect{display:none!important}
/* Lightbox galeria: thumb corta, clique abre inteira */
.gallery-item img{cursor:zoom-in}
.lb-overlay{position:fixed;inset:0;z-index:60000;background:rgba(0,0,0,.93);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}
.lb-overlay.on{opacity:1;pointer-events:all}
.lb-overlay img{max-width:90vw;max-height:86vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.8)}
.lb-count{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);color:#f5f5f5;font-size:1.1rem;letter-spacing:.2em}
.lb-btn{position:fixed;background:none;border:none;color:#f5f5f5;font-size:2.4rem;cursor:pointer;padding:1rem;line-height:1}
.lb-close{top:1rem;right:1.5rem}
.lb-prev{left:1rem;top:50%;transform:translateY(-50%)}
.lb-next{right:1rem;top:50%;transform:translateY(-50%)}
/* Modal contato virou Instagram: botão pill estático, sem sobreposição */
.modal-contact-us form{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.2rem}
.modal-contact-us .services-text{max-width:34ch;line-height:1.5}
.modal-contact-us .cta-submit{position:static!important;width:auto!important;height:auto!important;border-radius:999px!important;padding:1rem 2.2rem!important;font-size:1.3rem!important;font-family:inherit!important;display:inline-block!important;text-align:center;align-self:flex-start;color:#f5f5f5!important;text-decoration:none}
/* Mantém tamanho original, só desloca rosto para a direita */
.my-face-animate img.face-image{margin-left:calc(6vw - 34px)!important}
@media (max-width:800px){
  /* img é absolute + object-fit:cover: margin não move, object-position desloca o recorte */
  .my-face-animate img.face-image{margin-left:0!important;object-position:calc(50% + 32px) 50%!important}
}
/* ===== Mobile (root font = .8333vw → 1rem ≈ 3.25px em 390px; usar em/rem grandes) ===== */
@media (max-width:800px){
  /* Citações: line-height 1.05 cortava descendentes dentro de .line{overflow:hidden} */
  .content-section-fall .heading-fall{font-size:5.2rem!important;line-height:1.35!important}
  /* Palavras dos cards de experiência vinham coladas: margin-right em rem virava ~1px */
  .text-chnage-on-steps p .word{margin-right:.3em!important}
  /* Parágrafo de intro acima da estátua 3D (z 2000) pra continuar legível */
  .about-us-pictures p{z-index:2001!important}
  /* Painéis fixos: 100vw + padding estourava a viewport */
  .modal-contact-us,.case-study-side-bar{box-sizing:border-box!important;max-width:100vw!important}
  .modal-contact-us{height:100dvh!important}
  /* Modal Instagram: overrides desktop em rem ficavam com 4px */
  .modal-contact-us form{gap:6rem!important;margin-top:6rem}
  .modal-contact-us .services-text{font-size:4.6rem!important;line-height:1.5!important;color:#f5f5f5;max-width:100%!important}
  .modal-contact-us .cta-submit{font-size:4.6rem!important;padding:3.5rem 7rem!important;color:#f5f5f5!important;text-decoration:none;font-family:inherit!important}
  .lb-btn{font-size:9rem;padding:3rem}
  .lb-count{font-size:4rem;bottom:5rem}
}
/* LEGADO no mobile: bundle esconde .pictures-services; aqui volta, uma foto por canto.
   O timeline de scroll (clip-path + parallax com stagger) já roda em todas as .uiux,
   então cada canto vai "trocando" de foto conforme arrasta — a mais nova cobre a anterior. */
@media (max-width:800px){
  .pictures-services{display:flex!important;pointer-events:none}
  .pictures-services .uiux{width:36vw!important;height:22vh!important;top:auto;left:auto;right:auto;bottom:auto}
  .pictures-services .uiux:nth-child(4n+1){top:13vh;left:4vw}
  .pictures-services .uiux:nth-child(4n+2){top:13vh;right:4vw}
  .pictures-services .uiux:nth-child(4n+3){bottom:13vh;left:4vw}
  .pictures-services .uiux:nth-child(4n+4){bottom:13vh;right:4vw}
}