/* VICTALL — ajustes responsivos.
   Só @media: desktop (≥1081px) permanece com os estilos inline atuais.
   Cobre variantes do export (0px / espaços) e do React SSR (sem px nos zeros).
   Mocks de setor (.v-mock) ficam de fora. */

/* ---------- Nav: desktop default; mobile só em @1080 ---------- */
.v-nav-mobile-trigger{display:none}
.v-nav-drawer{display:none}

/* ---------- tablet ---------- */
@media (max-width: 1080px) {
  /* padding horizontal — export + React SSR */
  [style*="padding: 0px 40px"],
  [style*="padding:0px 40px"],
  [style*="padding: 0 40px"],
  [style*="padding:0 40px"] { padding-left: 32px !important; padding-right: 32px !important; }

  [style*="padding: 92px 40px 0px"],
  [style*="padding:92px 40px 0px"],
  [style*="padding: 92px 40px 0"],
  [style*="padding:92px 40px 0"] { padding: 84px 32px 0 !important; }

  [style*="padding: 86px 40px 96px"],
  [style*="padding:86px 40px 96px"] { padding: 72px 32px 80px !important; }

  [style*="padding: 80px 40px 60px"],
  [style*="padding:80px 40px 60px"] { padding: 64px 32px 48px !important; }

  /* nav: esconde links/CTA desktop; mostra hamburger */
  .v-nav-desktop{display:none !important}
  .v-nav-mobile-trigger{display:grid !important}
  .v-nav-drawer.is-open{display:flex !important}
}

@media (max-width: 1000px) {
  [style*="grid-template-columns: repeat(4, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(4,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(4, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(4,1fr)"]:not(.v-mock *) { grid-template-columns: repeat(2, 1fr) !important; }

  [style*="grid-template-columns: repeat(5, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(5,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(5, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(5,1fr)"]:not(.v-mock *) { grid-template-columns: repeat(3, 1fr) !important; }

  [style*="grid-template-columns: repeat(6, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(6,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(6, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(6,1fr)"]:not(.v-mock *) { grid-template-columns: repeat(3, 1fr) !important; }

  [style*="grid-template-columns: repeat(3, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(3,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(3, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(3,1fr)"]:not(.v-mock *) { grid-template-columns: repeat(2, 1fr) !important; }

  /* pares assimétricos → 1 coluna */
  [style*="grid-template-columns: 1fr 1fr"]:not(.v-mock *),
  [style*="grid-template-columns:1fr 1fr"]:not(.v-mock *),
  [style*="grid-template-columns: 0.8fr 1.2fr"]:not(.v-mock *),
  [style*="grid-template-columns:0.8fr 1.2fr"]:not(.v-mock *),
  [style*="grid-template-columns: .8fr 1.2fr"]:not(.v-mock *),
  [style*="grid-template-columns:.8fr 1.2fr"]:not(.v-mock *),
  [style*="grid-template-columns: 1.05fr 0.95fr"]:not(.v-mock *),
  [style*="grid-template-columns:1.05fr 0.95fr"]:not(.v-mock *),
  [style*="grid-template-columns: 1.05fr .95fr"]:not(.v-mock *),
  [style*="grid-template-columns:1.05fr .95fr"]:not(.v-mock *),
  [style*="grid-template-columns: 0.85fr 1.15fr"]:not(.v-mock *),
  [style*="grid-template-columns:0.85fr 1.15fr"]:not(.v-mock *),
  [style*="grid-template-columns: .85fr 1.15fr"]:not(.v-mock *),
  [style*="grid-template-columns:.85fr 1.15fr"]:not(.v-mock *),
  [style*="grid-template-columns: 2fr 1fr 1fr 1fr"]:not(.v-mock *),
  [style*="grid-template-columns:2fr 1fr 1fr 1fr"]:not(.v-mock *) { grid-template-columns: 1fr !important; }

  [style*="gap: 80px"]:not(.v-mock *),
  [style*="gap:80px"]:not(.v-mock *) { gap: 44px !important; }
  [style*="gap: 72px"]:not(.v-mock *),
  [style*="gap:72px"]:not(.v-mock *) { gap: 40px !important; }
  [style*="gap: 48px"]:not(.v-mock *),
  [style*="gap:48px"]:not(.v-mock *) { gap: 32px !important; }
  [style*="gap: 40px"]:not(.v-mock *),
  [style*="gap:40px"]:not(.v-mock *) { gap: 28px !important; }

  /* setores: auto-fit minmax(320px) vira coluna única */
  .v-solutions-grid,
  [style*="minmax(320px,1fr)"],
  [style*="minmax(320px, 1fr)"] { grid-template-columns: 1fr !important; }
}

/* ---------- celular ---------- */
@media (max-width: 680px) {
  [style*="padding: 0px 40px"],
  [style*="padding:0px 40px"],
  [style*="padding: 0 40px"],
  [style*="padding:0 40px"] { padding-left: 20px !important; padding-right: 20px !important; }

  [style*="padding: 92px 40px 0px"],
  [style*="padding:92px 40px 0px"],
  [style*="padding: 92px 40px 0"],
  [style*="padding:92px 40px 0"] { padding: 68px 20px 0 !important; }

  [style*="padding: 86px 40px 96px"],
  [style*="padding:86px 40px 96px"] { padding: 52px 20px 60px !important; }

  [style*="padding: 80px 40px 60px"],
  [style*="padding:80px 40px 60px"] { padding: 48px 20px 40px !important; }

  /* alturas de seção — export + React (sem px nos zeros) */
  [style*="padding: 100px 0px"]:not(.v-mock *),
  [style*="padding:100px 0px"]:not(.v-mock *),
  [style*="padding: 100px 0"]:not(.v-mock *),
  [style*="padding:100px 0"]:not(.v-mock *) { padding-top: 60px !important; padding-bottom: 60px !important; }

  [style*="padding: 96px 0px"]:not(.v-mock *),
  [style*="padding:96px 0px"]:not(.v-mock *),
  [style*="padding: 96px 0"]:not(.v-mock *),
  [style*="padding:96px 0"]:not(.v-mock *) { padding-top: 56px !important; padding-bottom: 56px !important; }

  [style*="padding: 90px 0px"]:not(.v-mock *),
  [style*="padding:90px 0px"]:not(.v-mock *),
  [style*="padding: 90px 0"]:not(.v-mock *),
  [style*="padding:90px 0"]:not(.v-mock *) { padding-top: 56px !important; padding-bottom: 56px !important; }

  [style*="padding: 76px 0px"]:not(.v-mock *),
  [style*="padding:76px 0px"]:not(.v-mock *),
  [style*="padding: 76px 0"]:not(.v-mock *),
  [style*="padding:76px 0"]:not(.v-mock *) { padding-top: 48px !important; padding-bottom: 48px !important; }

  [style*="padding: 20px 0px 90px"]:not(.v-mock *),
  [style*="padding:20px 0px 90px"]:not(.v-mock *),
  [style*="padding: 20px 0 90px"]:not(.v-mock *),
  [style*="padding:20px 0 90px"]:not(.v-mock *) { padding: 8px 0 56px !important; }

  [style*="padding: 20px 0px 84px"]:not(.v-mock *),
  [style*="padding:20px 0px 84px"]:not(.v-mock *),
  [style*="padding: 20px 0 84px"]:not(.v-mock *) { padding: 8px 0 52px !important; }

  [style*="padding: 20px 0px 100px"]:not(.v-mock *),
  [style*="padding:20px 0 100px"]:not(.v-mock *) { padding: 8px 0 56px !important; }

  [style*="padding: 76px 0px 84px"]:not(.v-mock *),
  [style*="padding:76px 0px 84px"]:not(.v-mock *),
  [style*="padding: 76px 0 84px"]:not(.v-mock *),
  [style*="padding:76px 0 84px"]:not(.v-mock *) { padding: 48px 0 52px !important; }

  [style*="padding: 0px 0px 96px"]:not(.v-mock *),
  [style*="padding:0px 0px 96px"]:not(.v-mock *),
  [style*="padding: 0 0 96px"]:not(.v-mock *),
  [style*="padding:0 0 96px"]:not(.v-mock *) { padding-bottom: 56px !important; }

  [style*="padding: 96px 0px 104px"]:not(.v-mock *),
  [style*="padding:96px 0px 104px"]:not(.v-mock *),
  [style*="padding: 96px 0 104px"]:not(.v-mock *),
  [style*="padding:96px 0 104px"]:not(.v-mock *) { padding: 56px 0 60px !important; }

  [style*="padding: 56px 0px 36px"]:not(.v-mock *),
  [style*="padding:56px 0 36px"]:not(.v-mock *) { padding: 40px 0 28px !important; }

  [style*="padding: 44px 40px"],
  [style*="padding:44px 40px"] { padding: 28px 20px !important; }

  /* grades → 1 coluna (exceto densas) */
  [style*="grid-template-columns: repeat(2, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(2,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(2, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(2,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(3, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(3,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(3, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(3,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(4, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(4,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(4, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(4,1fr)"]:not(.v-mock *) { grid-template-columns: 1fr !important; }

  /* selos / marcas densas → 2 colunas */
  [style*="grid-template-columns: repeat(5, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(5,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(5, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(5,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(6, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(6,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(6, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(6,1fr)"]:not(.v-mock *),
  [style*="minmax(104px, 1fr)"],
  [style*="minmax(104px,1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }

  /* stats: 2×2 (específico — sobrescreve 1fr acima quando padding container) */
  [style*="grid-template-columns:repeat(4,1fr)"][style*="padding:0 40px"],
  [style*="grid-template-columns: repeat(4, 1fr)"][style*="padding: 0px 40px"],
  [style*="grid-template-columns:repeat(4,1fr)"][style*="padding: 0 40px"] { grid-template-columns: repeat(2, 1fr) !important; }

  [style*="minmax(280px,1fr)"],
  [style*="minmax(280px, 1fr)"],
  [style*="minmax(320px,1fr)"],
  [style*="minmax(320px, 1fr)"],
  .v-solutions-grid { grid-template-columns: 1fr !important; }

  /* setores: overlays absolutos viram fluxo no mobile (sem cortar) */
  .v-sol-badge,
  .v-sol-caption{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    max-width:none !important;
    margin:12px 0 0 !important;
    box-shadow:0 8px 24px rgba(0,50,90,.12) !important;
  }
  .v-sol-badge{width:auto !important;height:auto !important;display:inline-flex !important;border-radius:999px !important;padding:8px 14px !important}
  .v-sol-badge > div{width:auto !important;height:auto !important;border-radius:999px !important;padding:0 !important;display:block !important}

  /* hero orbs menores */
  .v-orb{width:min(420px,120vw) !important;height:min(420px,120vw) !important}

  /* CTAs do hero empilhados */
  #top .v-hero-rise[style*="display:flex"]{flex-direction:column !important;align-items:stretch !important}
  #top .v-hero-rise[style*="display:flex"] > a{text-align:center !important}

  /* divisórias dos stats */
  [style*="border-right: 1px solid rgba(255, 255, 255, 0.1)"],
  [style*="border-right:1px solid rgba(255,255,255,0.1)"] { border-right: 0 !important; }

  /* cartões compactos */
  [style*="padding: 44px 24px"],
  [style*="padding:44px 24px"] { padding: 28px 20px !important; }
  [style*="padding: 36px 28px"],
  [style*="padding:36px 28px"] { padding: 26px 20px !important; }
  [style*="padding: 34px 30px"],
  [style*="padding:34px 30px"] { padding: 24px 20px !important; }
  [style*="padding: 32px 28px"],
  [style*="padding:32px 28px"] { padding: 24px 20px !important; }
  [style*="padding: 38px 32px 34px"],
  [style*="padding:38px 32px 34px"] { padding: 26px 20px 24px !important; }
  [style*="padding: 52px 60px"],
  [style*="padding:52px 60px"] { padding: 32px 22px !important; }

  button[aria-label="Menu"] { width: 44px !important; height: 44px !important; }

  [style*="padding: 10px 40px 18px"],
  [style*="padding:10px 40px 18px"] { padding-left: 20px !important; padding-right: 20px !important; }

  input, textarea, select { font-size: 16px !important; }

  .v-marquee > div { width: 158px !important; height: 82px !important; padding: 16px !important; }
}

@media (max-width: 420px) {
  [style*="padding: 0px 40px"],
  [style*="padding:0px 40px"],
  [style*="padding: 0 40px"],
  [style*="padding:0 40px"] { padding-left: 16px !important; padding-right: 16px !important; }

  [style*="grid-template-columns: repeat(5, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(5,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(5,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(6, 1fr)"]:not(.v-mock *),
  [style*="grid-template-columns: repeat(6,1fr)"]:not(.v-mock *),
  [style*="grid-template-columns:repeat(6,1fr)"]:not(.v-mock *) { grid-template-columns: repeat(2, 1fr) !important; }
}
