/* Vitacress · Provar é grátis · Quente ou Fria Asiática — v4
   Segue o design LP_QF_Asiatica_v3.psd (mobile, 1080 px = 390 px CSS).
   Mobile first; desktop a partir de 1024 px. Tudo dentro de .vqf. */

@font-face { font-family: "VQF Ultramagnetic"; src: url("fonts/ultramagnetic-rough.woff2") format("woff2"); font-weight: 700; font-display: swap; ascent-override: 111.2%; descent-override: 35.6%; line-gap-override: 0%; }
@font-face { font-family: "VQF Meyling"; src: url("fonts/meyling-two.woff2") format("woff2"); font-weight: 400; font-display: swap; ascent-override: 67.3%; descent-override: 32.7%; line-gap-override: 0%; }
@font-face { font-family: "VQF Barlow SC"; src: url("fonts/barlow-sc-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "VQF Barlow SC"; src: url("fonts/barlow-sc-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "VQF Barlow SC"; src: url("fonts/barlow-sc-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "VQF Barlow SC"; src: url("fonts/barlow-sc-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "VQF Barlow"; src: url("fonts/barlow-800.woff2") format("woff2"); font-weight: 800; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC; }
@font-face { font-family: "VQF Barlow"; src: url("fonts/barlow-800-ext.woff2") format("woff2"); font-weight: 800; font-display: swap; unicode-range: U+0100-024F; }

.vqf {
  --vermelho: #98261e;
  --amarelo: #e0a202;
  --amarelo-esc: #cd9400;
  --verde: #1a3c34;
  --verde-greca: #2c6b55;
  --cinza: #676160;
  --branco: #fff;
  --titulo: "VQF Ultramagnetic", "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --script: "VQF Meyling", Georgia, serif;
  --texto: "VQF Barlow SC", "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --gordo: "VQF Barlow", "Barlow", "Arial Black", sans-serif;
  /* 1 px do design mobile (390 px), escala com o ecrã até 1.3 */
  --u: min(calc(100vw / 390), 1.3px);

  font: 500 calc(18 * var(--u))/1.3 var(--texto);
  color: var(--vermelho);
  background: var(--branco);
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  letter-spacing: -.03em;
}
.vqf *, .vqf *::before, .vqf *::after { box-sizing: border-box; }
.vqf h1, .vqf h2, .vqf h3, .vqf p, .vqf ol, .vqf ul, .vqf li { margin: 0; padding: 0; letter-spacing: inherit; }
.vqf ol, .vqf ul { list-style: none; }
.vqf img { display: block; max-width: 100%; height: auto; }
.vqf a { color: inherit; }
.vqf button { font: inherit; }
.vqf :focus-visible { outline: 3px solid var(--verde); outline-offset: 3px; }
.vqf .vqf-oferta :focus-visible, .vqf .vqf-fim :focus-visible { outline-color: var(--amarelo); }
.vqf .vqf-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* <picture> não cria caixa: a imagem comporta-se como filha direta */
.vqf picture { display: contents; }

/* quebras de linha só no mobile (vqf-m) ou só no desktop (vqf-d) */
.vqf br.vqf-d { display: none; }

/* botões */
.vqf .vqf-btn {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px; text-decoration: none; font-family: var(--texto); font-weight: 700;
  transition: filter .15s;
}
.vqf .vqf-btn:hover { filter: brightness(1.08); }
.vqf .vqf-btn--amarelo {
  width: calc(250 * var(--u)); height: calc(56 * var(--u));
  background: var(--amarelo); color: var(--branco); font-size: calc(30 * var(--u)); letter-spacing: -.01em;
}
.vqf .vqf-btn--verde {
  min-width: calc(116 * var(--u)); height: calc(32 * var(--u)); padding: 0 calc(16 * var(--u));
  background: var(--verde); color: var(--branco); font-size: calc(16 * var(--u));
}

/* greca */
.vqf .vqf-greca { height: calc(10 * var(--u)); background: var(--vermelho);
  -webkit-mask: url("assets/greca.svg") repeat-x left center / auto 100%; mask: url("assets/greca.svg") repeat-x left center / auto 100%; }
.vqf .vqf-greca--verde { background: var(--verde-greca); }

/* ---------- topo ---------- */
.vqf .vqf-topo {
  position: relative; z-index: 20;
  display: flex; align-items: center; justify-content: space-between;
  padding: calc(28 * var(--u)) calc(24 * var(--u)) 0;
}
.vqf .vqf-topo__logo img { width: calc(103 * var(--u)); }
.vqf .vqf-topo__menu {
  position: relative; width: calc(38 * var(--u)); height: calc(30 * var(--u));
  border: 0; background: none; padding: 0; cursor: pointer;
}
.vqf .vqf-topo__menu::before, .vqf .vqf-topo__menu::after, .vqf .vqf-topo__menu span:first-child {
  content: ""; position: absolute; left: 0; right: 0; height: calc(4 * var(--u)); border-radius: 4px; background: var(--vermelho);
  transition: transform .25s, opacity .2s;
}
.vqf .vqf-topo__menu::before { top: calc(2 * var(--u)); }
.vqf .vqf-topo__menu span:first-child { top: calc(13 * var(--u)); }
.vqf .vqf-topo__menu::after { top: calc(24 * var(--u)); }
.vqf .vqf-topo__menu[aria-expanded="true"]::before { transform: translateY(calc(11 * var(--u))) rotate(45deg); }
.vqf .vqf-topo__menu[aria-expanded="true"]::after { transform: translateY(calc(-11 * var(--u))) rotate(-45deg); }
.vqf .vqf-topo__menu[aria-expanded="true"] span:first-child { opacity: 0; }
.vqf .vqf-menu {
  position: absolute; top: 100%; left: calc(16 * var(--u)); right: calc(16 * var(--u)); margin-top: 10px;
  display: none; flex-direction: column; padding: 8px 0; border-radius: 14px;
  background: var(--branco); box-shadow: 0 14px 34px rgba(60, 20, 10, .22);
}
.vqf .vqf-menu.is-aberto { display: flex; }
.vqf .vqf-menu a { padding: 13px 20px; font-family: var(--titulo); font-weight: 700; font-size: 22px; text-decoration: none; }
.vqf .vqf-menu a + a { border-top: 1px solid rgba(152, 38, 30, .12); }

/* ---------- pergunta ---------- */
.vqf .vqf-pergunta { position: relative; padding-top: calc(38 * var(--u)); }
.vqf .vqf-pergunta__h1, .vqf .vqf-oferta__pre, .vqf .vqf-produto__nova, .vqf .vqf-provas__h, .vqf .vqf-fim__h, .vqf .vqf-produto__lead {
  font-family: var(--titulo); font-weight: 700;
}
.vqf .vqf-pergunta__h1 { font-size: calc(37.6 * var(--u)); line-height: 1.12; letter-spacing: -.02em; }
.vqf .vqf-pergunta__h1 span { color: var(--amarelo); }
.vqf .vqf-pergunta__pack {
  position: relative; z-index: 2;
  width: calc(204 * var(--u)); margin: calc(10 * var(--u)) auto calc(-61 * var(--u));
}
/* greca 4 px acima do vermelho (a oferta sobe 61 px por baixo do pack) */
.vqf .vqf-pergunta .vqf-greca { position: absolute; left: 0; right: 0; bottom: calc(65 * var(--u)); }

/* ---------- oferta ---------- */
.vqf .vqf-oferta {
  background: var(--vermelho); color: var(--branco);
  padding: calc(84 * var(--u)) calc(20 * var(--u)) calc(88 * var(--u));
}
.vqf .vqf-oferta__pre { font-size: calc(37.6 * var(--u)); line-height: 1.1; color: var(--amarelo); letter-spacing: -.02em; }
.vqf .vqf-oferta__h {
  margin-top: calc(10 * var(--u));
  font-family: var(--gordo); font-weight: 800; text-transform: uppercase;
  font-size: calc(90.5 * var(--u)); line-height: 1; letter-spacing: -.02em;
}
.vqf .vqf-oferta__h--fim { font-size: calc(60 * var(--u)); }
.vqf .vqf-oferta__txt { margin-top: calc(16 * var(--u)); font-size: calc(15 * var(--u)); }
.vqf .vqf-oferta__txt span { color: var(--amarelo); font-weight: 700; }
.vqf .vqf-oferta__nota { margin-top: calc(6 * var(--u)); font-size: calc(11.3 * var(--u)); }
.vqf .vqf-oferta__nota a { text-decoration: none; }
.vqf .vqf-oferta__nota a:hover { text-decoration: underline; }
.vqf .vqf-oferta .vqf-btn { margin-top: calc(30 * var(--u)); }

/* ---------- produto (a mancha amarela com arcos) ---------- */
.vqf .vqf-produto {
  position: relative; margin-top: calc(-70 * var(--u));
  background: linear-gradient(var(--vermelho) 50%, var(--branco) 50%);
}
.vqf .vqf-produto__fundo {
  position: absolute; top: 0; bottom: calc(36 * var(--u)); left: -75%; right: -75%;
  border-radius: 50% / calc(480 * var(--u)); background: var(--amarelo);
}
.vqf .vqf-produto__in { position: relative; padding: calc(36 * var(--u)) calc(30 * var(--u)) calc(84 * var(--u)); }
.vqf .vqf-produto__comp { position: relative; }
.vqf .vqf-produto__nova { font-size: calc(37.6 * var(--u)); line-height: 1; letter-spacing: .02em; text-transform: uppercase; }
.vqf .vqf-produto__marca { margin: calc(4 * var(--u)) auto 0; width: calc(245 * var(--u)); }
.vqf .vqf-produto__pack { position: relative; z-index: 1; width: calc(268 * var(--u)); margin: calc(18 * var(--u)) auto 0; }  /* espaço entre "Asiática" e o pack, como no design */
.vqf .vqf-produto__taca { position: relative; z-index: 2; width: calc(212 * var(--u)); margin: calc(-40 * var(--u)) auto 0; }
.vqf .vqf-produto__formas { position: relative; z-index: 3; width: calc(223 * var(--u)); margin: calc(-48 * var(--u)) auto 0; }
.vqf .vqf-produto__bambu { position: absolute; z-index: 0; width: calc(305 * var(--u)); left: calc(-135 * var(--u)); top: calc(304 * var(--u)); mix-blend-mode: multiply; }
.vqf .vqf-produto__templo { position: absolute; z-index: 0; width: calc(290 * var(--u)); left: calc(226 * var(--u)); top: calc(292 * var(--u)); mix-blend-mode: multiply; }
.vqf .vqf-produto__txt { color: var(--branco); }
.vqf .vqf-produto__lead { margin-top: calc(38 * var(--u)); font-size: calc(27 * var(--u)); line-height: 1.12; letter-spacing: -.01em; }
.vqf .vqf-produto__lead + p { margin-top: calc(16 * var(--u)); font-size: calc(18 * var(--u)); line-height: 1.12; }
.vqf .vqf-produto__lead + p strong { font-weight: 700; }
.vqf .vqf-produto__ingred { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; visibility: hidden; }
.vqf .vqf-produto__ingred.is-pronta { visibility: visible; }
.vqf .vqf-produto__ingred text { font-family: var(--titulo); font-weight: 700; font-size: calc(15 * var(--u)); fill: var(--amarelo-esc); letter-spacing: -.01em; }

/* ---------- provas ---------- */
.vqf .vqf-provas { padding: calc(30 * var(--u)) calc(22 * var(--u)) calc(70 * var(--u)); }
.vqf .vqf-provas__h { font-size: calc(37.6 * var(--u)); line-height: 1; text-transform: uppercase; letter-spacing: -.02em; }
.vqf .vqf-provas__intro { max-width: calc(320 * var(--u)); margin: calc(16 * var(--u)) auto 0; font-size: calc(18 * var(--u)); line-height: 1.12; }
.vqf .vqf-receitas { display: grid; gap: calc(30 * var(--u)); margin-top: calc(28 * var(--u)); text-align: left; }
.vqf .vqf-receita { display: grid; grid-template-columns: calc(170 * var(--u)) 1fr; gap: calc(11 * var(--u)); align-items: start; }
.vqf .vqf-receita:nth-child(even) { grid-template-columns: 1fr calc(170 * var(--u)); }
.vqf .vqf-receita:nth-child(even) .vqf-receita__img { order: 2; }
.vqf .vqf-receita__img {
  display: block; aspect-ratio: 170 / 180; border-radius: calc(12 * var(--u)); overflow: hidden;
  background: #f1e7d4; box-shadow: 0 calc(4 * var(--u)) calc(12 * var(--u)) rgba(60, 30, 10, .14);
}
.vqf .vqf-receita__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.vqf .vqf-receita:hover .vqf-receita__img img { transform: scale(1.04); }
.vqf .vqf-tag {
  display: inline-block; padding: calc(4 * var(--u)) calc(10 * var(--u)) calc(3 * var(--u)); border-radius: calc(4 * var(--u));
  background: var(--vermelho); color: var(--branco);
  font-family: var(--texto); font-weight: 700; font-size: calc(12 * var(--u)); line-height: 1.2; text-transform: uppercase;
}
.vqf .vqf-tag--fria { background: var(--amarelo); }
.vqf .vqf-receita__h { margin-top: calc(6 * var(--u)); font-family: var(--script); font-weight: 400; font-size: calc(25.5 * var(--u)); line-height: 1; letter-spacing: -.02em;
  -webkit-text-stroke: calc(1.1 * var(--u)) currentColor; paint-order: stroke fill; }
.vqf .vqf-receita__frase { margin-top: calc(3 * var(--u)); font-size: calc(13.5 * var(--u)); line-height: 1.2; font-style: italic; }
.vqf .vqf-receita__meta { margin-top: calc(8 * var(--u)); font-size: calc(12 * var(--u)); line-height: 1.32; color: var(--cinza); }
.vqf .vqf-receita .vqf-btn { margin-top: calc(20 * var(--u)); }

/* ---------- fim ---------- */
.vqf .vqf-fim { position: relative; color: var(--branco); padding-top: calc(30 * var(--u)); }
.vqf .vqf-fim::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: -60%; right: -60%; z-index: 0;
  border-radius: 50% 50% 0 0 / calc(260 * var(--u)) calc(260 * var(--u)) 0 0; background: var(--verde);
}
.vqf .vqf-fim > * { position: relative; }
.vqf .vqf-fim__h { font-size: calc(37.6 * var(--u)); line-height: 1.12; text-transform: uppercase; letter-spacing: -.02em; }
.vqf .vqf-fim__txt { margin-top: calc(10 * var(--u)); font-size: calc(18 * var(--u)); }
.vqf .vqf-fim .vqf-btn { margin-top: calc(22 * var(--u)); }
.vqf .vqf-fim__marca { margin-top: calc(18 * var(--u)); display: grid; place-items: center; }
.vqf .vqf-fim__marca > * { grid-area: 1 / 1; }
.vqf .vqf-fim__marca .vqf-greca { width: 100%; }
.vqf .vqf-fim__marca a { position: relative; z-index: 1; display: block; }
.vqf .vqf-fim__marca img { width: calc(103 * var(--u)); }
.vqf .vqf-fim__links { display: flex; justify-content: center; gap: calc(18 * var(--u)); padding: calc(26 * var(--u)) 0 calc(30 * var(--u)); font-size: calc(13.5 * var(--u)); }
.vqf .vqf-fim__links a { text-decoration: none; }
.vqf .vqf-fim__links a:hover { text-decoration: underline; }

@media (prefers-reduced-motion: reduce) { .vqf * { transition: none !important; } }

/* tablet: a curva da mancha amarela muda de raio; os ingredientes descem para o branco */
@media (min-width: 600px) and (max-width: 1023px) {
  .vqf .vqf-produto__fundo { left: -40%; right: -40%; }
  .vqf .vqf-receitas { max-width: 560px; margin-left: auto; margin-right: auto; }
}

/* =======================================================================
   DESKTOP (≥ 1024 px) — segue LP_QF_Asiatica_Desktop.psd ao píxel.
   1 px do design (1920) = var(--d); a composição escala com a largura
   do ecrã e fica no tamanho real a partir de 1920 px.
   ======================================================================= */
@media (min-width: 1024px) {
  .vqf { container-type: inline-size; --vqf-arco: 1.34; }
  .vqf > * { --d: min(calc(100cqw / 1920), 1px); --x0: max(0px, calc((100cqw - 1920px) / 2)); }
  .vqf br.vqf-d { display: inline; }
  .vqf br.vqf-m { display: none; }
  /* letter-spacing em em tem de ser declarado em cada elemento de texto */
  .vqf .vqf-topo *, .vqf .vqf-abertura *, .vqf .vqf-produto *, .vqf .vqf-provas *, .vqf .vqf-fim * { letter-spacing: -.03em; }

  /* ---------- topo ---------- */
  .vqf .vqf-topo { position: absolute; z-index: 20; left: 0; right: 0; top: 0; height: 0; padding: 0; display: block; }
  .vqf .vqf-topo__logo { position: absolute; left: calc(var(--x0) + 140 * var(--d)); top: calc(70 * var(--d)); }
  .vqf .vqf-topo__logo img { width: calc(285 * var(--d)); }
  .vqf .vqf-topo__menu { display: none; }
  .vqf .vqf-menu {
    position: absolute; left: auto; right: calc(var(--x0) + 150 * var(--d)); top: calc(88.2 * var(--d));
    display: flex; flex-direction: row; gap: calc(31.2 * var(--d)); margin: 0; padding: 0; border-radius: 0; background: none; box-shadow: none;
  }
  .vqf .vqf-menu a { padding: 0; border: 0 !important; color: var(--branco); font-family: var(--texto); font-weight: 500; font-size: calc(37.5 * var(--d)); line-height: calc(45 * var(--d)); }
  .vqf .vqf-menu a:hover { text-decoration: underline; text-underline-offset: .15em; }
  .vqf .vqf-menu a[data-vqf-evento="menu_site"] { display: none; }

  /* ---------- abertura (0 → 1176) ---------- */
  .vqf .vqf-abertura { position: relative; display: block; height: calc(1176 * var(--d)); min-height: 0; }
  .vqf .vqf-abertura::before { content: ""; position: absolute; top: 0; right: 0; left: calc(var(--x0) + 959 * var(--d)); height: calc(1518 * var(--d)); background: var(--vermelho); }
  .vqf .vqf-pergunta, .vqf .vqf-oferta { position: static; display: block; padding: 0; background: none; }
  .vqf .vqf-abertura > section > * { position: absolute; margin: 0; }
  .vqf .vqf-pergunta__h1 {
    left: calc(var(--x0) + 121 * var(--d)); width: calc(600 * var(--d)); top: calc(331.1 * var(--d));
    font-size: calc(99.7 * var(--d)); line-height: calc(112.5 * var(--d)); letter-spacing: -.02em;
  }
  .vqf .vqf-pergunta__pack { position: absolute; margin: 0; z-index: 3; left: calc(var(--x0) + 690 * var(--d)); top: calc(319 * var(--d)); width: calc(548 * var(--d)); filter: none; }
  .vqf .vqf-pergunta .vqf-greca { left: calc(var(--x0) - 36 * var(--d)); right: auto; bottom: auto; width: calc(1126 * var(--d)); top: calc(746 * var(--d)); height: calc(28 * var(--d)); z-index: 1;
    -webkit-mask: url("assets/greca-d-hero.png") no-repeat 0 0 / 100% 100%; mask: url("assets/greca-d-hero.png") no-repeat 0 0 / 100% 100%; }
  .vqf .vqf-oferta__pre { left: calc(var(--x0) + 1158 * var(--d)); width: calc(600 * var(--d)); top: calc(327.8 * var(--d)); font-size: calc(68.9 * var(--d)); line-height: calc(99.3 * var(--d)); letter-spacing: -.02em; }
  .vqf .vqf-oferta__h { left: calc(var(--x0) + 1158 * var(--d)); width: calc(600 * var(--d)); top: calc(408.2 * var(--d)); font-size: calc(165.8 * var(--d)); line-height: calc(165.8 * var(--d)); letter-spacing: -.02em; }
  .vqf .vqf-oferta__h--fim { font-size: calc(110 * var(--d)); line-height: calc(120 * var(--d)); }
  .vqf .vqf-oferta__txt { left: calc(var(--x0) + 1109 * var(--d)); width: calc(700 * var(--d)); top: calc(755 * var(--d)); font-size: calc(27.6 * var(--d)); line-height: calc(33.1 * var(--d)); }
  .vqf .vqf-oferta__nota { left: calc(var(--x0) + 1109 * var(--d)); width: calc(700 * var(--d)); top: calc(797.8 * var(--d)); font-size: calc(20.7 * var(--d)); line-height: calc(24.8 * var(--d)); }
  .vqf .vqf-btn--amarelo { width: calc(692 * var(--d)); height: calc(155 * var(--d)); padding: 0 0 calc(12 * var(--d)); font-size: calc(83.3 * var(--d)); letter-spacing: -.03em; }
  .vqf .vqf-oferta .vqf-btn { z-index: 3; margin: 0; left: calc(var(--x0) + 625 * var(--d)); top: calc(901 * var(--d)); }

  /* ---------- produto (1176 → 3150) ---------- */
  .vqf .vqf-produto { position: relative; margin: 0; height: calc(1974 * var(--d));
    background: linear-gradient(90deg, transparent calc(var(--x0) + 959 * var(--d)), var(--vermelho) 0) top / 100% calc(342 * var(--d)) no-repeat; }
  .vqf .vqf-produto__fundo { left: calc(var(--x0) - 876 * var(--d)); right: auto; top: 0; bottom: auto; width: calc(3673 * var(--d)); height: calc(1776 * var(--d)); border-radius: 50%; }
  .vqf .vqf-produto__in, .vqf .vqf-produto__comp, .vqf .vqf-produto__txt { position: static; display: block; padding: 0; margin: 0; max-width: none; }
  .vqf .vqf-produto__comp > *, .vqf .vqf-produto__txt > * { position: absolute; margin: 0; z-index: 2; }
  .vqf .vqf-produto__bambu { left: calc(var(--x0) + 882 * var(--d)); top: calc(218 * var(--d)); width: calc(845 * var(--d)); right: auto; z-index: 1; opacity: 1; }
  .vqf .vqf-produto__templo { left: calc(var(--x0) + 1505 * var(--d)); top: calc(304 * var(--d)); width: calc(804 * var(--d)); right: auto; bottom: auto; z-index: 1; }
  .vqf .vqf-produto__nova { left: calc(var(--x0) + 247 * var(--d)); width: calc(600 * var(--d)); top: calc(148.2 * var(--d)); font-size: calc(104.2 * var(--d)); line-height: calc(150.1 * var(--d)); letter-spacing: .02em; }
  .vqf .vqf-produto__marca { left: calc(var(--x0) + 208 * var(--d)); top: calc(280 * var(--d)); width: calc(678 * var(--d)); }
  .vqf .vqf-produto__pack { position: absolute; margin: 0; z-index: 2; left: calc(var(--x0) + 971 * var(--d)); top: calc(110 * var(--d)); width: calc(833 * var(--d)); }
  .vqf .vqf-produto__taca { left: calc(var(--x0) + 1083 * var(--d)); top: calc(757 * var(--d)); width: calc(588 * var(--d)); z-index: 3; }
  .vqf .vqf-produto__formas { left: calc(var(--x0) + 1049 * var(--d)); top: calc(1022 * var(--d)); width: calc(617 * var(--d)); z-index: 4; }
  .vqf .vqf-produto__txt { color: var(--branco); text-align: center; }
  .vqf .vqf-produto__lead { left: calc(var(--x0) + 102 * var(--d)); width: calc(900 * var(--d)); top: calc(948.1 * var(--d)); font-size: calc(75 * var(--d)); line-height: calc(90 * var(--d)); letter-spacing: -.02em; max-width: none; }
  .vqf .vqf-produto__lead + p { left: calc(var(--x0) + 160 * var(--d)); width: calc(1600 * var(--d)); top: calc(1369 * var(--d)); font-size: calc(58.3 * var(--d)); line-height: calc(70 * var(--d)); max-width: none; }
  .vqf .vqf-produto__ingred text { font-size: calc(58.3 * var(--d)); letter-spacing: .017em; }

  /* ---------- provas (3150 → …) ---------- */
  .vqf .vqf-provas { position: relative; max-width: none; margin: 0; padding: calc(508 * var(--d)) 0 0; }
  .vqf .vqf-provas__h { position: absolute; left: calc(var(--x0) + 660 * var(--d)); width: calc(600 * var(--d)); top: calc(52.9 * var(--d)); margin: 0; font-size: calc(104.2 * var(--d)); line-height: calc(116.7 * var(--d)); letter-spacing: -.02em; }
  .vqf .vqf-provas__intro { position: absolute; left: calc(var(--x0) + 160 * var(--d)); width: calc(1600 * var(--d)); max-width: none; top: calc(199.1 * var(--d)); margin: 0; font-size: calc(58.3 * var(--d)); line-height: calc(70 * var(--d)); }
  .vqf .vqf-receitas { letter-spacing: 0; margin: 0 0 0 calc(var(--x0) + 141 * var(--d)); width: calc(1694 * var(--d)); max-width: none;
    display: grid; grid-template-columns: repeat(2, calc(847 * var(--d))); row-gap: calc(158 * var(--d)); column-gap: 0; }
  .vqf .vqf-receita, .vqf .vqf-receita:nth-child(even) { display: grid; grid-template-columns: calc(388 * var(--d)) calc(365 * var(--d)); column-gap: calc(29 * var(--d)); align-items: stretch; margin: 0; }
  .vqf .vqf-receita:nth-child(even) .vqf-receita__img { order: 0; }
  .vqf .vqf-receita__img { width: calc(388 * var(--d)); height: calc(411 * var(--d)); aspect-ratio: auto; border-radius: calc(26 * var(--d)); box-shadow: 0 calc(6 * var(--d)) calc(18 * var(--d)) rgba(60, 30, 10, .12); }
  .vqf .vqf-receita__txt { display: flex; flex-direction: column; align-items: flex-start; height: calc(414 * var(--d)); letter-spacing: -.03em; }
  .vqf .vqf-tag { display: flex; align-items: center; justify-content: center; width: calc(134 * var(--d)); height: calc(50 * var(--d)); padding: 0; border-radius: calc(12 * var(--d)); font-size: calc(27.6 * var(--d)); line-height: 1; }
  .vqf .vqf-receita__h { margin: calc(16.9 * var(--d)) 0 0; font-size: calc(62.2 * var(--d)); line-height: calc(74.6 * var(--d)); letter-spacing: -.02em; -webkit-text-stroke-width: calc(2.6 * var(--d)); white-space: nowrap; }
  .vqf .vqf-receita__frase { margin: calc(-8.5 * var(--d)) 0 0; font-size: calc(31.1 * var(--d)); line-height: calc(37.3 * var(--d)); }
  .vqf .vqf-receita__meta { margin: calc(14.7 * var(--d)) 0 0; font-size: calc(27.6 * var(--d)); line-height: calc(33.5 * var(--d)); }
  .vqf .vqf-receita .vqf-btn { margin-top: auto; }
  .vqf .vqf-btn--verde { min-width: 0; width: calc(267 * var(--d)); height: calc(74 * var(--d)); padding: 0 0 calc(5 * var(--d)); font-size: calc(37.3 * var(--d)); letter-spacing: -.03em; }

  /* ---------- fim (4814 → 5962) ---------- */
  .vqf .vqf-fim { position: relative; margin-top: calc(171 * var(--d)); padding: 0; height: calc(1148 * var(--d)); overflow: hidden; }
  .vqf .vqf-fim::before { left: calc(var(--x0) - 790 * var(--d)); right: auto; top: 0; bottom: auto; width: calc(3500 * var(--d)); height: calc(2001 * var(--d)); border-radius: 50%; }
  .vqf .vqf-fim__in { position: static; }
  .vqf .vqf-fim__in > *, .vqf .vqf-fim__marca, .vqf .vqf-fim__links { position: absolute; margin: 0; }
  .vqf .vqf-fim__h { left: calc(var(--x0) + 260 * var(--d)); width: calc(1400 * var(--d)); top: calc(107.5 * var(--d)); font-size: calc(104.2 * var(--d)); line-height: calc(150.1 * var(--d)); letter-spacing: -.03em; }
  .vqf .vqf-fim__txt { left: calc(var(--x0) + 560 * var(--d)); width: calc(800 * var(--d)); top: calc(275.6 * var(--d)); font-size: calc(50 * var(--d)); line-height: calc(60 * var(--d)); }
  .vqf .vqf-fim .vqf-btn { margin: 0; left: calc(var(--x0) + 615 * var(--d)); top: calc(407 * var(--d)); }
  .vqf .vqf-fim__marca { left: 0; right: 0; top: calc(710 * var(--d)); height: calc(128 * var(--d)); display: block; }
  .vqf .vqf-fim__marca .vqf-greca { position: absolute; left: 0; right: 0; width: auto; top: calc(40 * var(--d)); height: calc(49 * var(--d)); background: #176653;
    -webkit-mask: url("assets/greca-d-footer.png") no-repeat 0 0 / 100% 100%; mask: url("assets/greca-d-footer.png") no-repeat 0 0 / 100% 100%; }
  .vqf .vqf-fim__marca a { position: absolute; left: calc(var(--x0) + 794 * var(--d)); top: 0; padding: 0; }
  .vqf .vqf-fim__marca img { width: calc(333 * var(--d)); }
  .vqf .vqf-fim__links { left: 0; right: 0; top: calc(914.2 * var(--d)); padding: 0; gap: calc(31 * var(--d)); font-size: calc(37.5 * var(--d)); line-height: calc(45 * var(--d)); }
}