/* ═══════════════════════════════════════════════════════════
   responsive.css — Mobile & Tablet layout overrides
   Desktop (≥ 1024px): scale JS mantém o layout 1920px
   Tablet + Mobile (< 1024px): layout reflow com flex/grid
   ═══════════════════════════════════════════════════════════ */

/* ─── Logo mobile no nav (oculto no desktop) ─────────────── */
.nav-logo { display: none; }

/* ─── Hamburger (oculto no desktop) ─────────────────────── */
.menu-toggle { display: none; }

/* ─── Overlay de navegação mobile ───────────────────────── */
html.no-scroll { overflow: hidden; }

.nav-mobile-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: #0e0e0e;
  z-index: 9999;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 36px;
}
.nav-mobile-overlay.open { display: flex; }

.nav-mobile-overlay a {
  font-family: var(--font-poppins);
  font-size: 20px;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
}
.nav-mobile-overlay a:hover { color: var(--white); }

.nav-mobile-overlay .nav-login-btn {
  margin-top: 8px;
  padding: 14px 48px;
  background: var(--gradient-btn);
  border-radius: 16px;
  color: var(--white);
  font-size: 18px;
  opacity: 1;
}

.nav-mobile-close {
  position: absolute;
  top: 20px; right: 24px;
  background: none;
  border: none;
  color: var(--white);
  font-size: 36px;
  cursor: pointer;
  line-height: 1;
}

/* ═══════════════════════════════════════════════════════════
   TABLET + MOBILE  (< 1024px)
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 1023px) {

  /* ── Desativa scale JS ── */
  .ZOOP-MISSO-SNIPER {
    transform: none !important;
    width: 100% !important;
    min-height: auto !important;
    overflow-x: hidden !important;
  }
  .page-wrapper {
    height: auto !important;
    overflow-x: hidden;
  }

  /* ── Decorativos grandes — esconde ── */
  .ZOOP-MISSO-SNIPER .element,
  .ZOOP-MISSO-SNIPER .element-2,
  .ZOOP-MISSO-SNIPER .element-4,
  .ZOOP-MISSO-SNIPER .element-5,
  .ZOOP-MISSO-SNIPER .vector-2,
  .ZOOP-MISSO-SNIPER .feature,
  .ZOOP-MISSO-SNIPER .feature-2,
  .ZOOP-MISSO-SNIPER .filter { display: none !important; }

  /* ══════════════════════════════════════════
     HEADER / NAVEGAÇÃO
     ══════════════════════════════════════════ */
  .ZOOP-MISSO-SNIPER .header {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  .ZOOP-MISSO-SNIPER .welcome {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 32px;
  }

  /* Barra de nav: logo esquerda + hamburger direita */
  .ZOOP-MISSO-SNIPER .navigation {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    order: -1;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 20px !important;
    box-sizing: border-box !important;
    background: rgba(10,10,10,0.7);
  }

  .ZOOP-MISSO-SNIPER .home-2  { display: none !important; }
  .ZOOP-MISSO-SNIPER .button-5 { display: none !important; }

  .nav-logo {
    display: block;
    width: 130px;
    height: auto;
    object-fit: contain;
    max-width: none;
  }

  .menu-toggle {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
  }
  .menu-toggle span {
    display: block;
    width: 26px; height: 2px;
    background: var(--white);
    border-radius: 2px;
  }

  /* ── .title: logo + texto acima do hero ── */
  .ZOOP-MISSO-SNIPER .title {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    order: 1;
    padding: 32px 20px 16px;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
  }

  /* Logo Missão Sniper: visível no mobile acima do texto */
  .ZOOP-MISSO-SNIPER .element-3 {
    display: block !important;
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 200px !important;
    height: auto !important;
    object-fit: contain !important;
    order: -1 !important;
  }

  .ZOOP-MISSO-SNIPER .a-miss-o-sniper {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    text-align: center !important;
    padding: 0 !important;
    order: 0 !important;
  }

  /* ── Imagem hero ── */
  .ZOOP-MISSO-SNIPER .home {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    order: 2;
    margin-bottom: 8px !important;
  }

  /* ── Caixas de quote ── */
  .ZOOP-MISSO-SNIPER .text {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    order: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 20px;
    box-sizing: border-box;
  }
  .ZOOP-MISSO-SNIPER .rectangle-9,
  .ZOOP-MISSO-SNIPER .rectangle-10,
  .ZOOP-MISSO-SNIPER .arrow-right-alt { display: none !important; }
  .ZOOP-MISSO-SNIPER .toda-grande {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 16px !important;
    text-align: center !important;
    line-height: 1.5 !important;
  }
  .ZOOP-MISSO-SNIPER .onde-mirar-em-que {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 14px !important;
    text-align: center !important;
    line-height: 1.6 !important;
  }

  /* ── Testimonial ── */
  .ZOOP-MISSO-SNIPER .testimonials {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: calc(100% - 40px) !important;
    height: auto !important;
    order: 4;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(152,133,133,.09);
    border-radius: 16px;
    border: .5px solid var(--border-glow);
    margin: 0 20px;
  }
  .ZOOP-MISSO-SNIPER .rectangle-11 { display: none !important; }
  .ZOOP-MISSO-SNIPER .uma-miss-o-de-alta {
    position: relative !important;
    top: auto !important; left: auto !important;
    transform: none !important;
    width: 100% !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }

  /* ── CTA botão hero ── */
  .ZOOP-MISSO-SNIPER .button-6 {
    position: relative !important;
    top: auto !important; left: auto !important;
    order: 5;
    margin: 20px auto !important;
    display: block !important;
    width: 160px !important;
    height: 50px !important;
    cursor: pointer !important;
  }
  .ZOOP-MISSO-SNIPER .button-6 .rectangle-2 {
    width: 160px !important;
    height: 50px !important;
    border-radius: 14px !important;
  }
  .ZOOP-MISSO-SNIPER .button-6 .text-wrapper-8 {
    top: 0 !important;
    left: 0 !important;
    width: 160px !important;
    font-size: 16px !important;
    line-height: 50px !important;
    letter-spacing: 0 !important;
  }

  /* Experiências: banner hero no welcome */
  .exp-banner {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: calc(100% - 32px) !important;
    height: auto !important;
    border-radius: 16px !important;
    max-width: 100% !important;
    margin: 16px !important;
    order: 3;
  }

  /* ══════════════════════════════════════════
     SEÇÃO ABOUT / CARDS DE SERVIÇOS
     ══════════════════════════════════════════ */
  .ZOOP-MISSO-SNIPER .about {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-width: auto !important;
    padding: 48px 16px 56px;
    box-sizing: border-box;
  }

  .ZOOP-MISSO-SNIPER .services {
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    position: relative !important;
  }

  .ZOOP-MISSO-SNIPER .service,
  .ZOOP-MISSO-SNIPER .service-2,
  .ZOOP-MISSO-SNIPER .service-3,
  .ZOOP-MISSO-SNIPER .service-4 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: 240px !important;
    overflow: visible !important;
  }

  .ZOOP-MISSO-SNIPER .rectangle {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
  }

  /* Títulos dos cards */
  .ZOOP-MISSO-SNIPER .text-wrapper,
  .ZOOP-MISSO-SNIPER .text-wrapper-2,
  .ZOOP-MISSO-SNIPER .text-wrapper-4,
  .ZOOP-MISSO-SNIPER .text-wrapper-6 {
    position: absolute !important;
    top: 28% !important;
    left: 10% !important;
    width: 80% !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  /* Descrições dos cards */
  .ZOOP-MISSO-SNIPER .p,
  .ZOOP-MISSO-SNIPER .text-wrapper-3,
  .ZOOP-MISSO-SNIPER .text-wrapper-5,
  .ZOOP-MISSO-SNIPER .text-wrapper-7 {
    position: absolute !important;
    top: 50% !important;
    left: 8% !important;
    width: 84% !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  /* Botões dos cards — agora dentro dos cards, posicionados no rodapé */
  .ZOOP-MISSO-SNIPER .button,
  .ZOOP-MISSO-SNIPER .button-2,
  .ZOOP-MISSO-SNIPER .button-3,
  .ZOOP-MISSO-SNIPER .button-4 {
    position: absolute !important;
    top: auto !important; bottom: 12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 140px !important;
    height: 44px !important;
    display: block !important;
    cursor: pointer !important;
  }
  .ZOOP-MISSO-SNIPER .services .rectangle-2 {
    width: 140px !important;
    height: 44px !important;
    border-radius: 12px !important;
  }
  .ZOOP-MISSO-SNIPER .services .text-wrapper-8 {
    top: 5px !important;
    left: 0 !important;
    width: 140px !important;
    font-size: 14px !important;
    line-height: 34px !important;
    letter-spacing: 0 !important;
  }

  /* ══════════════════════════════════════════
     OBJETIVO DA MISSÃO
     ══════════════════════════════════════════ */
  .ZOOP-MISSO-SNIPER .component {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 48px 16px 56px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
  }

  .ZOOP-MISSO-SNIPER .property-OBJETIVO {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
  }
  .ZOOP-MISSO-SNIPER .mission-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  .ZOOP-MISSO-SNIPER .property-text {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 12px 0 !important;
  }
  .ZOOP-MISSO-SNIPER .text-wrapper-28 {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  .ZOOP-MISSO-SNIPER .property-button {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 160px !important;
    height: 52px !important;
    border-radius: 14px !important;
    margin: 16px 0 40px !important;
  }
  .ZOOP-MISSO-SNIPER .text-wrapper-30 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  /* Imagem objetivo — oculta (texto expandido ocupa o espaço) */
  .ZOOP-MISSO-SNIPER .property-objetivo { display: none !important; }

  /* Caixa de etapas */
  .ZOOP-MISSO-SNIPER .property-text-2 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 28px 24px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }
  .ZOOP-MISSO-SNIPER .etapa-identifique {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
  }
  .ZOOP-MISSO-SNIPER .arrow-right-alt-wrapper { display: none !important; }

  /* ══════════════════════════════════════════
     BANNER LOGO
     ══════════════════════════════════════════ */
  .ZOOP-MISSO-SNIPER .missao-sniper-zoop-2 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 70% !important;
    height: auto !important;
    max-width: 320px !important;
    display: block !important;
    margin: 48px auto !important;
    object-fit: contain !important;
  }

  /* ══════════════════════════════════════════
     SEÇÃO SERVICE-5 / FEATURES
     ══════════════════════════════════════════ */
  .ZOOP-MISSO-SNIPER .service-5 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 16px 16px 56px !important;
    box-sizing: border-box !important;
  }

  .ZOOP-MISSO-SNIPER .section-3 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    border-radius: 16px !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .ZOOP-MISSO-SNIPER .rectangle-6 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
  }
  .ZOOP-MISSO-SNIPER .image {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    order: 1;
  }
  .ZOOP-MISSO-SNIPER .text-wrapper-13 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    padding: 16px 16px 8px !important;
    box-sizing: border-box !important;
    order: 2;
  }
  .ZOOP-MISSO-SNIPER .text-wrapper-12 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 0 16px 20px !important;
    box-sizing: border-box !important;
    order: 3;
  }

  .ZOOP-MISSO-SNIPER .section-2 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 180px !important;
    border-radius: 16px !important;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
  }
  .ZOOP-MISSO-SNIPER .rectangle-5 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
  }
  .ZOOP-MISSO-SNIPER .text-wrapper-11 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
  }
  .ZOOP-MISSO-SNIPER .text-wrapper-10 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 0 !important;
  }

  .ZOOP-MISSO-SNIPER .section {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 160px !important;
    border-radius: 16px !important;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ZOOP-MISSO-SNIPER .rectangle-3 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
  }
  .ZOOP-MISSO-SNIPER .rectangle-4 {
    position: relative !important;
    top: auto !important; left: auto !important;
    margin: 0 auto 12px !important;
  }
  .ZOOP-MISSO-SNIPER .protocolo-da-miss-o {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 16px !important;
    text-align: center !important;
    line-height: 1.6 !important;
  }

  .ZOOP-MISSO-SNIPER .section-4 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 180px !important;
    border-radius: 16px !important;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
  }
  .ZOOP-MISSO-SNIPER .rectangle-7 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
  }
  .ZOOP-MISSO-SNIPER .CENTRAL-DE-OPERA-ES {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
  }
  .ZOOP-MISSO-SNIPER .text-wrapper-15 {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 0 !important;
  }

  /* Botões flutuantes das features */
  .ZOOP-MISSO-SNIPER .component-variant {
    position: relative !important;
    top: auto !important; left: auto !important;
    display: block !important;
    order: 4 !important;
    margin: 12px auto !important;
    width: 160px !important;
    height: 52px !important;
    border-radius: 14px !important;
    text-align: center !important;
  }
  .ZOOP-MISSO-SNIPER .saiba-mais-wrapper {
    position: relative !important;
    top: auto !important; left: auto !important;
    display: block !important;
    margin: 16px auto 0 !important;
    width: 160px !important;
    height: 52px !important;
    border-radius: 14px !important;
    text-align: center !important;
  }

  /* ══════════════════════════════════════════
     FOOTER
     ══════════════════════════════════════════ */
  .ZOOP-MISSO-SNIPER .footer {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 40px 20px 100px !important;
    box-sizing: border-box !important;
  }

  .ZOOP-MISSO-SNIPER .missao-sniper-zoop {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 90% !important;
    max-width: 480px !important;
    height: auto !important;
    object-fit: contain !important;
    margin-bottom: 40px !important;
  }

  .ZOOP-MISSO-SNIPER .footer-links {
    position: relative !important;
    top: auto !important; left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    text-align: center !important;
  }

  .ZOOP-MISSO-SNIPER .footer-links-text {
    width: auto !important;
    text-align: center !important;
    font-size: 14px !important;
  }

  .ZOOP-MISSO-SNIPER .text-wrapper-16 { font-size: 14px !important; }

  .ZOOP-MISSO-SNIPER .footer-disclaimer {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    letter-spacing: 0 !important;
  }

  .ZOOP-MISSO-SNIPER .social-links {
    position: relative !important;
    top: auto !important; left: auto !important;
    gap: 24px !important;
  }

  /* Esconde coluna duplicada de links no footer */
  .ZOOP-MISSO-SNIPER .links-column-wrapper { display: none !important; }

  /* ══════════════════════════════════════════
     PÁGINA: COMO FUNCIONA
     ══════════════════════════════════════════ */
  .cf-hero {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: calc(100% - 32px) !important;
    height: auto !important;
    border-radius: 12px !important;
    max-width: 100% !important;
    margin: 24px 16px 32px !important;
  }

  .cf-title {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }

  .cf-description {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    padding: 12px 20px !important;
    box-sizing: border-box !important;
  }

  .cf-btn-action {
    position: relative !important;
    top: auto !important; left: auto !important;
    display: block !important;
    width: 185px !important;
    height: 50px !important;
    font-size: 18px !important;
    line-height: 50px !important;
    border-radius: 14px !important;
    margin: 16px 20px 40px !important;
  }

  .cf-etapas {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: calc(100% - 32px) !important;
    margin: 0 16px 40px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding: 28px 24px 36px !important;
    box-sizing: border-box !important;
  }

  .cf-etapa {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 24px !important;
    box-sizing: border-box !important;
  }
  .cf-etapa:last-child { margin-bottom: 0 !important; }

  /* ══════════════════════════════════════════
     PÁGINA: REGULAMENTO
     ══════════════════════════════════════════ */
  .reg-content {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 40px 20px 56px !important;
    box-sizing: border-box !important;
  }

  .reg-title {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 28px !important;
  }

  .reg-accent {
    position: relative !important;
    top: auto !important; left: auto !important;
  }

  .reg-text {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  .reg-btn {
    position: relative !important;
    top: auto !important; left: auto !important;
    display: block !important;
    height: 50px !important;
    font-size: 18px !important;
    line-height: 50px !important;
    border-radius: 14px !important;
    margin: 0 auto !important;
  }

  /* ══════════════════════════════════════════
     PÁGINA: EXPERIÊNCIAS — cards
     ══════════════════════════════════════════ */
  .exp-cards-section {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    padding: 32px 16px 56px !important;
    box-sizing: border-box !important;
    gap: 28px !important;
  }

  .exp-card {
    width: 100% !important;
    height: auto !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  /* Força imagem sempre em cima no mobile */
  .exp-card > .exp-card-img { order: 1; }
  .exp-card > .exp-card-body { order: 2; }

  .exp-card-img {
    width: 100% !important;
    height: 220px !important;
    border-radius: 16px 16px 0 0 !important;
    flex-shrink: 0 !important;
  }

  .exp-card-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 20px !important;
  }

  .exp-card > .exp-card-body:first-child,
  .exp-card > .exp-card-body:last-child {
    padding: 20px !important;
  }

  .exp-card-btn {
    display: block !important;
    width: 160px !important;
    height: 50px !important;
    font-size: 16px !important;
    line-height: 50px !important;
    border-radius: 14px !important;
    margin: 4px 0 !important;
  }

  /* ══════════════════════════════════════════
     PÁGINA: FALE CONOSCO
     ══════════════════════════════════════════ */
  .fc-deco-left,
  .fc-deco-right { display: none !important; }

  .fc-logo {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 200px !important;
    height: auto !important;
    display: block !important;
    margin: 32px auto 0 !important;
    object-fit: contain !important;
  }

  /* ══════════════════════════════════════════
     PÁGINA: LOGIN
     ══════════════════════════════════════════ */
  .login-form {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    pointer-events: auto !important;
    padding: 40px 20px 56px !important;
    box-sizing: border-box !important;
  }

  .login-subtitle {
    position: relative !important;
    top: auto !important; left: auto !important;
    margin-bottom: 8px !important;
  }

  .login-title {
    position: relative !important;
    top: auto !important; left: auto !important;
    font-size: 28px !important;
    white-space: normal !important;
    margin-bottom: 20px !important;
  }

  .login-field {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    margin-bottom: 14px !important;
  }

  .login-field-email,
  .login-field-senha { top: auto !important; left: auto !important; }

  .login-input {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .login-forgot {
    position: relative !important;
    top: auto !important; left: auto !important;
    display: block !important;
    text-align: right !important;
    margin: 4px 0 16px !important;
  }

  .login-btn-primary {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    margin-bottom: 16px !important;
  }

  .login-or {
    position: relative !important;
    top: auto !important; left: auto !important;
    margin-bottom: 16px !important;
  }

  .login-btn-google {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
  }

  .login-register {
    position: relative !important;
    top: auto !important; left: auto !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .fc-form {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    height: auto !important;
    pointer-events: auto !important;
    padding: 40px 20px 56px !important;
    box-sizing: border-box !important;
  }

  .fc-title {
    position: relative !important;
    top: auto !important; left: auto !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    margin-bottom: 8px !important;
  }

  .fc-subtitle {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .fc-field {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    margin-bottom: 14px !important;
  }

  .fc-field-nome, .fc-field-email,
  .fc-field-area, .fc-field-assunto,
  .fc-field-mensagem {
    top: auto !important; left: auto !important;
  }

  .fc-input {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .fc-textarea {
    width: 100% !important;
    height: 160px !important;
    box-sizing: border-box !important;
  }

  .fc-attach {
    position: relative !important;
    top: auto !important; left: auto !important;
    display: block !important;
    margin: 4px 0 12px !important;
  }

  .fc-submit {
    position: relative !important;
    top: auto !important; left: auto !important;
    width: 100% !important;
    display: block !important;
    margin-top: 8px !important;
    box-sizing: border-box !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   MOBILE (<768px) — ajustes adicionais
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Cards 1 por linha no celular pequeno */
  .ZOOP-MISSO-SNIPER .services {
    grid-template-columns: 1fr !important;
  }
  .ZOOP-MISSO-SNIPER .service,
  .ZOOP-MISSO-SNIPER .service-2,
  .ZOOP-MISSO-SNIPER .service-3,
  .ZOOP-MISSO-SNIPER .service-4 {
    height: 220px !important;
  }
}