/* Site de vendas v2 (canvas aprovado em 08/11/2026, docs/design/site-vendas-v2/).
   Tokens e componentes copiados do Noctua Design System (noctua-tokens.css + bundle.css); divergiu do Pdv, corrige lá
   e aqui. O escuro segue o sistema (prefers-color-scheme) e as faixas marcadas com data-theme="dark". */

/* ---------- Tokens: claro ---------- */
:root {
  --bg: #F7F8FA; --surface: #FFFFFF; --surface-2: #E8EAED; --surface-hover: #EDEFF2;
  --border: #E9EAEE; --divider: #EEF0F3; --input-border: #D1D5DB; --icon-faint: #C7CAD1;
  --text: #1A1A2E; --text-2: #6B7280; --text-3: #9CA3AF;
  --primary: #7C3AED; --primary-hover: #6D28D9; --primary-soft-bg: #EDE9FE; --primary-soft-fg: #6D28D9; --on-primary: #FFFFFF;
  --focus-ring: rgba(124,58,237,0.12);
  --success: #16A34A; --success-strong: #15803D; --success-bg: #DCFCE7;
  --danger: #DC2626; --danger-bg: #FEE2E2;
  --warning: #D97706; --warning-strong: #B45309; --warning-bg: #FFFBEB; --warning-border: #FDE68A;
  --info-bg: #DBEAFE; --info-strong: #1D4ED8;
  --text-disabled: rgba(26,26,46,0.26); --surface-disabled: rgba(26,26,46,0.06);
  --shadow-card: 0 1px 2px rgba(16,14,36,0.04), 0 8px 24px rgba(16,14,36,0.06);
  color-scheme: light;
}

/* ---------- Tokens: escuro (faixas com data-theme="dark" e o sistema em modo escuro) ---------- */
[data-theme="dark"] {
  --bg: #12101F; --surface: #1C1832; --surface-2: #252042; --surface-hover: #2C2650;
  --border: #322D54; --divider: #2A2648; --input-border: #423C6E; --icon-faint: #524C7A;
  --text: #F1EEFC; --text-2: #B7AFD6; --text-3: #948CB4;
  --primary: #884CF0; --primary-hover: #9B68F3; --primary-soft-bg: rgba(136,76,240,0.16); --primary-soft-fg: #C9B6FA;
  --focus-ring: rgba(136,76,240,0.32);
  --success: #4ADE80; --success-strong: #6EE7B7; --success-bg: rgba(74,222,128,0.14);
  --danger: #FB7185; --danger-bg: rgba(251,113,133,0.14);
  --warning: #FBBF24; --warning-strong: #FCD34D; --warning-bg: rgba(251,191,36,0.12); --warning-border: rgba(251,191,36,0.30);
  --info-bg: rgba(96,165,250,0.14); --info-strong: #93C5FD;
  --text-disabled: rgba(241,238,252,0.30); --surface-disabled: rgba(241,238,252,0.06);
  --shadow-card: 0 12px 32px rgba(0,0,0,0.45);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #12101F; --surface: #1C1832; --surface-2: #252042; --surface-hover: #2C2650;
    --border: #322D54; --divider: #2A2648; --input-border: #423C6E; --icon-faint: #524C7A;
    --text: #F1EEFC; --text-2: #B7AFD6; --text-3: #948CB4;
    --primary: #884CF0; --primary-hover: #9B68F3; --primary-soft-bg: rgba(136,76,240,0.16); --primary-soft-fg: #C9B6FA;
    --focus-ring: rgba(136,76,240,0.32);
    --success: #4ADE80; --success-strong: #6EE7B7; --success-bg: rgba(74,222,128,0.14);
    --danger: #FB7185; --danger-bg: rgba(251,113,133,0.14);
    --warning: #FBBF24; --warning-strong: #FCD34D; --warning-bg: rgba(251,191,36,0.12); --warning-border: rgba(251,191,36,0.30);
    --info-bg: rgba(96,165,250,0.14); --info-strong: #93C5FD;
    --text-disabled: rgba(241,238,252,0.30); --surface-disabled: rgba(241,238,252,0.06);
    --shadow-card: 0 12px 32px rgba(0,0,0,0.45);
    color-scheme: dark;
  }
  .sv2-marca-nome { color: var(--primary-soft-fg); }
}

:root {
  --font-text: 'Inter', system-ui, -apple-system, sans-serif;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --radius-sm: 8px; --radius: 10px; --radius-md: 12px; --radius-card: 14px; --radius-pill: 999px;
  --fs-caption: 12px; --fs-body2: 13px; --fs-body: 14px; --fs-subtitle: 15px; --fs-h6: 18px; --fs-h5: 22px; --fs-h4: 28px;
  --overline-fs: 13px; --fw-medio: 500; --fw-forte: 600; --fw-extra: 700; --overline-tracking: 0.04em;

  /* Escala de página de vendas (o design system para em 28px). */
  --site-largura: 1200px; --site-largura-texto: 720px;
  --site-margem: var(--space-10); --site-margem-celular: var(--space-4);
  --site-fs-display: 52px; --site-fs-display-celular: 34px;
  --site-fs-titulo: 36px; --site-fs-titulo-celular: 26px;
  --site-fs-lead: 18px; --site-fs-preco: 40px;
  --site-espaco-secao: 96px; --site-espaco-secao-celular: 56px;
  --site-raio-moldura: 16px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; }
img, video { max-width: 100%; }
h1, h2, h3, h4, p { margin: 0; }

/* ---------- Componentes do design system (bundle.css) ---------- */
.noc-base { font-family: var(--font-text); font-size: var(--fs-body); color: var(--text); line-height: 1.5; -webkit-font-smoothing: antialiased; }
.noc-btn { font-family: inherit; font-size: var(--fs-body); font-weight: var(--fw-forte); border-radius: var(--radius); padding: var(--space-2) var(--space-4); border: 1px solid transparent; cursor: pointer; display: inline-flex; align-items: center; gap: var(--space-2); line-height: 1.5; }
.noc-btn-primario { background: var(--primary); color: var(--on-primary); }
.noc-btn-primario:hover { background: var(--primary-hover); }
.noc-btn-contornado { background: transparent; border-color: var(--input-border); color: var(--text); }
.noc-btn-contornado:hover { background: var(--surface-hover); }
.noc-btn-texto { background: transparent; color: var(--primary-soft-fg); border-color: transparent; }
.noc-btn-texto:hover { background: var(--primary-soft-bg); }
.noc-btn:focus-visible, a:focus-visible, summary:focus-visible, button:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.noc-chip { display: inline-flex; align-items: center; gap: var(--space-1); font-size: var(--fs-caption); font-weight: var(--fw-forte); padding: var(--space-1) var(--space-3); border-radius: var(--radius-pill); line-height: 1.4; }
.noc-chip-ponto { width: var(--space-1); height: var(--space-1); border-radius: var(--radius-pill); background: currentColor; flex: none; }
.noc-chip-sucesso { background: var(--success-bg); color: var(--success-strong); }
.noc-chip-primario { background: var(--primary-soft-bg); color: var(--primary-soft-fg); }
.noc-chip-neutro { background: var(--surface-2); color: var(--text-2); }
.noc-chip-cheio { background: var(--primary); color: var(--on-primary); }
.noc-cartao { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-card); padding: var(--space-5); }
.noc-overline { font-size: var(--overline-fs); font-weight: var(--fw-extra); letter-spacing: var(--overline-tracking); text-transform: uppercase; color: var(--text-3); margin: 0; }
.noc-tabela { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--border); border-radius: var(--radius-card); overflow: hidden; background: var(--surface); box-shadow: var(--shadow-card); }
.noc-tabela th { font-size: var(--fs-caption); font-weight: var(--fw-extra); letter-spacing: var(--overline-tracking); text-transform: uppercase; color: var(--text-3); text-align: left; padding: var(--space-3); border-bottom: 1px solid var(--border); }
.noc-tabela td { padding: var(--space-3); border-bottom: 1px solid var(--divider); font-size: var(--fs-body); vertical-align: top; }
.noc-tabela tbody tr:last-child td, .noc-tabela tbody tr:last-child th { border-bottom: none; }
.noc-tabela tbody tr:hover td, .noc-tabela tbody tr:hover th { background: var(--surface-hover); }
.noc-tabela tbody th { text-transform: none; letter-spacing: 0; font-size: var(--fs-body); color: var(--text); font-weight: var(--fw-forte); border-bottom: 1px solid var(--divider); vertical-align: top; }
.noc-esqueleto { background: var(--surface-2); border-radius: var(--radius-sm); position: relative; overflow: hidden; }
.noc-esqueleto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, var(--surface-hover), transparent); animation: noc-brilho 1.3s infinite; }
@keyframes noc-brilho { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .noc-esqueleto::after { animation: none; } }
.noc-dialogo-icone { width: var(--space-10); height: var(--space-10); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; flex: none; }

/* ---------- Página ---------- */
.sv2 { background: var(--bg); color: var(--text); min-height: 100vh; display: flex; flex-direction: column; container: sv2 / inline-size; }
.sv2 a.noc-btn { text-decoration: none; justify-content: center; }
.sv2 details > summary { list-style: none; cursor: pointer; }
.sv2 details > summary::-webkit-details-marker { display: none; }
.sv2 details[open] .sv2-seta { transform: rotate(180deg); }
.sv2-btn-grande { padding: var(--space-3) var(--space-6); font-size: var(--fs-subtitle); border-radius: var(--radius-md); }
.sv2-bloco { display: flex; }
main { display: flex; flex-direction: column; }

.sv2-caixa { max-width: var(--site-largura); margin: 0 auto; width: 100%; padding: var(--site-espaco-secao) var(--site-margem); }
.sv2-pilha { display: flex; flex-direction: column; }
.g1 { gap: var(--space-1); } .g2 { gap: var(--space-2); } .g3 { gap: var(--space-3); } .g4 { gap: var(--space-4); }
.g5 { gap: var(--space-5); } .g6 { gap: var(--space-6); } .g8 { gap: var(--space-8); } .g10 { gap: var(--space-10); }
.sv2-grade { display: grid; }
.sv2-faixa { background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.sv2-linha-baixo { border-bottom: 1px solid var(--border); }
.sv2-centro { align-items: center; text-align: center; }
.sv2-inicio { align-self: flex-start; }

.sv2-cab-secao { display: flex; flex-direction: column; gap: var(--space-2); max-width: var(--site-largura-texto); }
.sv2-sobretitulo { color: var(--primary-soft-fg); }
.sv2-display { font-size: var(--site-fs-display); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; }
.sv2-titulo { font-size: var(--site-fs-titulo); font-weight: 800; line-height: 1.2; letter-spacing: -0.01em; }
.sv2-lead { font-size: var(--site-fs-lead); line-height: 1.6; color: var(--text-2); }
.sv2-h4 { font-size: var(--fs-h4); font-weight: var(--fw-extra); line-height: 1.25; }
.sv2-h5 { font-size: var(--fs-h5); font-weight: var(--fw-extra); }
.sv2-h6 { font-size: var(--fs-h6); font-weight: var(--fw-extra); }
.sv2-corpo { font-size: var(--fs-subtitle); color: var(--text-2); line-height: 1.7; }
.sv2-texto { color: var(--text-2); line-height: 1.6; }
.sv2-nota { font-size: var(--fs-body2); color: var(--text-2); }
.sv2-forte { font-weight: var(--fw-forte); }
.sv2-link { color: var(--primary-soft-fg); font-weight: var(--fw-forte); text-decoration: none; }
.sv2-link:hover { text-decoration: underline; }

/* Cabeçalho e marca */
.sv2-cabecalho { position: sticky; top: 0; z-index: 5; background: var(--surface); border-bottom: 1px solid var(--border); border-top: 3px solid var(--primary); }
.sv2-cabecalho-linha { max-width: var(--site-largura); margin: 0 auto; padding: var(--space-3) var(--site-margem); display: flex; align-items: center; gap: var(--space-8); }
.sv2-marca { display: flex; align-items: center; gap: var(--space-2); text-decoration: none; color: var(--text); }
.sv2-marca img { width: 40px; height: 40px; object-fit: contain; }
.sv2-marca-nome { font-size: var(--fs-h5); font-weight: 800; letter-spacing: -0.03em; line-height: 1; color: var(--primary); }
[data-theme="dark"] .sv2-marca-nome { color: var(--primary-soft-fg); }
.sv2-nav { display: flex; gap: var(--space-6); flex: 1 1 auto; }
.sv2-nav a { color: var(--text-2); text-decoration: none; font-size: var(--fs-body); font-weight: var(--fw-medio); }
.sv2-nav a:hover { color: var(--text); }
.sv2-nav a[aria-current="page"] { color: var(--primary-soft-fg); font-weight: var(--fw-forte); box-shadow: inset 0 -2px 0 var(--primary); padding-bottom: 2px; }
.sv2-acoes-cab { flex: 1 1 auto; display: flex; justify-content: flex-end; align-items: center; gap: var(--space-2); }
.sv2-hero { background: radial-gradient(1100px 560px at 10% 0%, var(--primary-soft-bg), transparent 70%), var(--surface); border-bottom: 1px solid var(--border); }

/* Molduras de print */
.sv2-moldura { background: var(--surface); border: 1px solid var(--border); border-radius: var(--site-raio-moldura); box-shadow: var(--shadow-card); overflow: hidden; }
.sv2-moldura-barra { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border); background: var(--surface-2); }
.sv2-ponto { width: var(--space-2); height: var(--space-2); border-radius: var(--radius-pill); background: var(--icon-faint); flex: none; }
.sv2-endereco { margin-left: var(--space-3); font-size: var(--fs-caption); color: var(--text-3); }
.sv2-moldura img, .sv2-moldura video { display: block; width: 100%; height: auto; }
.sv2-moldura-sobreposta { position: absolute; width: 52%; right: calc(var(--space-6) * -1); bottom: 0; }
figure { margin: 0; }
figcaption { font-size: var(--fs-body2); color: var(--text-2); }

/* Ícones e listas */
.sv2-icone { width: var(--space-10); height: var(--space-10); border-radius: var(--radius-md); background: var(--primary-soft-bg); color: var(--primary-soft-fg); display: flex; align-items: center; justify-content: center; flex: none; }
.sv2-item { display: flex; gap: var(--space-3); align-items: flex-start; }
.sv2-item-titulo { font-weight: var(--fw-forte); }
.sv2-item-texto { margin-top: var(--space-1); color: var(--text-2); font-size: var(--fs-body); line-height: 1.6; }
.sv2-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.sv2-lista li { display: flex; gap: var(--space-2); align-items: flex-start; }
.sv2-lista svg { flex: none; margin-top: 2px; }
.sv2-lista-pequena { gap: var(--space-1); }
.sv2-lista-pequena li { font-size: var(--fs-body2); }
.sv2-garantia { display: flex; gap: var(--space-3); align-items: center; }
.sv2-garantia strong { font-size: var(--fs-body); }
.sv2-garantia span span { font-size: var(--fs-body2); color: var(--text-2); }
.sv2-numero { width: var(--space-8); height: var(--space-8); border-radius: var(--radius-pill); background: var(--primary-soft-bg); color: var(--primary-soft-fg); display: flex; align-items: center; justify-content: center; font-weight: var(--fw-extra); flex: none; }

/* Dúvidas e "ver mais" */
.sv2-duvidas { display: flex; flex-direction: column; border-top: 1px solid var(--border); }
.sv2-duvidas details { border-bottom: 1px solid var(--border); padding: var(--space-5) 0; }
.sv2-duvidas summary { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); font-size: var(--fs-subtitle); font-weight: var(--fw-forte); }
.sv2-duvidas summary svg { flex: none; color: var(--text-3); }
.sv2-duvidas details p { margin-top: var(--space-3); color: var(--text-2); line-height: 1.7; }
.sv2-ver-mais > summary { display: flex; align-items: center; gap: var(--space-2); color: var(--primary-soft-fg); font-weight: var(--fw-forte); font-size: var(--fs-body); }
.sv2-detalhe-modulo { display: flex; flex-direction: column; gap: var(--space-2); margin: var(--space-2) 0 var(--space-1); padding: var(--space-3); background: var(--surface-2); border-radius: var(--radius); }
.sv2-detalhe-modulo > summary { display: flex; gap: var(--space-2); align-items: flex-start; }

/* Preços */
.sv2-preco { font-size: var(--site-fs-preco); font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.sv2-preco-medio { font-size: var(--fs-h4); font-weight: 800; font-variant-numeric: tabular-nums; }
.sv2-economia { color: var(--success-strong); }
.sv2-plano { display: flex; flex-direction: column; gap: var(--space-5); padding: var(--space-6); position: relative; }
.sv2-plano-destaque { border: 2px solid var(--primary); box-shadow: var(--shadow-card); }
.sv2-lista-topo { display: flex; flex-direction: column; gap: var(--space-2); border-top: 1px solid var(--divider); padding-top: var(--space-4); }
.sv2-caixa-cinza { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3) var(--space-4); background: var(--surface-2); border-radius: var(--radius); }
.sv2-ciclos { display: inline-flex; gap: var(--space-1); padding: var(--space-1); margin-top: var(--space-4); background: var(--surface-2); border-radius: var(--radius-pill); }
.sv2-ciclos[hidden] { display: none; }
.sv2-ciclo { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); padding: var(--space-2) var(--space-5); font-family: inherit; font-size: var(--fs-body); font-weight: var(--fw-forte); border: 1px solid transparent; background: transparent; color: var(--text-2); border-radius: var(--radius-pill); cursor: pointer; }
.sv2-ciclo[aria-pressed="true"] { background: var(--surface); border-color: var(--border); color: var(--text); box-shadow: var(--shadow-card); }
.sv2-ciclo .noc-chip { white-space: nowrap; padding: 0 var(--space-2); }
.sv2-creditos { display: grid; gap: var(--space-6); align-items: center; padding: var(--space-6); border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--bg); }
.sv2-pacote { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-1); text-align: center; }
.sv2-aviso { background: var(--surface); border: 1px solid var(--warning-border); border-radius: var(--radius-card); padding: var(--space-6); display: flex; gap: var(--space-4); align-items: flex-start; align-self: start; }
.sv2-aviso .noc-dialogo-icone { background: var(--warning-bg); color: var(--warning-strong); }

/* Vídeo */
.sv2-video { all: unset; cursor: pointer; position: relative; width: 100%; max-width: 960px; display: block; }
.sv2-video:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; border-radius: var(--site-raio-moldura); }
.sv2-video-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.sv2-video-play span { width: 88px; height: 88px; border-radius: var(--radius-pill); background: var(--primary); color: var(--on-primary); display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-card); }
.sv2-video-duracao { position: absolute; left: var(--space-4); bottom: var(--space-4); }
.sv2-video-quadro { width: 100%; max-width: 960px; }

/* Fecho, rodapé, barra do celular */
.sv2-escuro { background: var(--bg); color: var(--text); }
.sv2-fecho { background: var(--surface); color: var(--text); }
.sv2-fecho img { width: 128px; height: 128px; object-fit: contain; }
.sv2-rodape { background: var(--bg); color: var(--text-2); border-top: 1px solid var(--border); }
.sv2-rodape-linha { max-width: var(--site-largura); margin: 0 auto; padding: var(--space-8) var(--site-margem); display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; justify-content: space-between; font-size: var(--fs-body2); }
.sv2-rodape img { width: 36px; height: 36px; object-fit: contain; }
.sv2-rodape-links { display: flex; flex-wrap: wrap; gap: var(--space-5); }
.sv2-rodape-links a, .link-cookies { color: var(--text-2); }
.link-cookies { background: none; border: none; padding: 0; font: inherit; text-decoration: underline; cursor: pointer; }
.sv2-barra-celular { position: sticky; bottom: 0; z-index: 5; background: var(--surface); border-top: 1px solid var(--border); padding: var(--space-3) var(--space-4); box-shadow: var(--shadow-card); }
.sv2-barra-celular a { display: flex; width: 100%; }

/* Aviso de cookies (Fatia 125) */
.aviso-cookies { position: fixed; left: var(--space-4); right: var(--space-4); bottom: var(--space-4); z-index: 50; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3) var(--space-5); padding: var(--space-4) var(--space-5); background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius-card); box-shadow: 0 4px 24px rgba(0,0,0,.18); font-size: var(--fs-body2); }
.aviso-cookies[hidden] { display: none; }
.aviso-cookies p { flex: 1 1 280px; min-width: 0; }
.aviso-cookies a { color: var(--primary-soft-fg); text-decoration: underline; }
.aviso-cookies-acoes { display: flex; gap: var(--space-3); }
.aviso-cookies-acoes .noc-btn { min-width: 6rem; }

/* ---------- Colunas (desktop) ---------- */
.sv2-cols-hero { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.sv2-cols-duas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sv2-cols-lojas, .sv2-cols-garantias { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sv2-cols-mais, .sv2-cols-planos, .sv2-cols-avulsas { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sv2-cols-faq { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
.sv2-cols-creditos { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.sv2-cols-modulo { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }
.sv2-cols-pacotes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sv2-folga-hero { padding-bottom: var(--space-10); position: relative; }
.sv2-ordem-texto { order: 2; }
.sv2-aviso-largo { grid-column: span 2; }
.sv2-so-celular { display: none; }

/* ---------- Celular: o layout segue a largura do próprio site (container query) ---------- */
@container sv2 (max-width: 899px) {
  .sv2 > * {
    --site-margem: var(--site-margem-celular);
    --site-espaco-secao: var(--site-espaco-secao-celular);
    --site-fs-display: var(--site-fs-display-celular);
    --site-fs-titulo: var(--site-fs-titulo-celular);
  }
  .sv2-cols-hero, .sv2-cols-duas, .sv2-cols-lojas, .sv2-cols-mais, .sv2-cols-faq,
  .sv2-cols-planos, .sv2-cols-avulsas, .sv2-cols-creditos, .sv2-cols-modulo { grid-template-columns: minmax(0, 1fr); }
  .sv2-cols-garantias { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sv2-cols-pacotes { grid-template-columns: minmax(0, 1fr); }
  .sv2-pacote { flex-direction: row; justify-content: space-between; align-items: baseline; text-align: left; }
  .sv2-folga-hero { padding-bottom: 0; }
  .sv2-ordem-texto { order: 0; }
  .sv2-aviso-largo { grid-column: auto; }
  .sv2-so-desktop { display: none !important; }
  .sv2-so-celular { display: flex; }
  .sv2-marca img { width: 32px; height: 32px; }
  .sv2-ciclos { display: flex; align-self: stretch; }
  .sv2-ciclo { flex: 1 1 0; min-width: 0; flex-direction: column; gap: var(--space-1); padding: var(--space-2) var(--space-1); }
  .aviso-cookies { bottom: 76px; }
}