/* ============================================================
   Cozinha Inteligente com Lindeise, pagina de vendas
   Paleta clean: branco + verde sálvia + dourado, amostrados da
   arte oficial do curso. Playfair Display nos títulos, Montserrat
   no texto. Muita foto: tiras em movimento, cards de módulo e
   cards de cardápio; véu esfumaçado das fotos por trás dos blocos.
   ============================================================ */

@font-face { font-family:"Playfair Display"; src:url("assets/fonts/PlayfairDisplay-normal.woff2") format("woff2-variations"); font-weight:400 900; font-style:normal; font-display:swap; }
@font-face { font-family:"Playfair Display"; src:url("assets/fonts/PlayfairDisplay-italic.woff2") format("woff2-variations"); font-weight:400 900; font-style:italic; font-display:swap; }
@font-face { font-family:"Montserrat"; src:url("assets/fonts/Montserrat-normal.woff2") format("woff2-variations"); font-weight:300 800; font-style:normal; font-display:swap; }
@font-face { font-family:"Montserrat"; src:url("assets/fonts/Montserrat-italic.woff2") format("woff2-variations"); font-weight:300 800; font-style:italic; font-display:swap; }

:root{
  --verde:#74846B;          /* verde da arte */
  --verde-esc:#4F5C48;
  --verde-prof:#39432F;
  --verde-cl:#9DAA94;
  --verde-veu:#EDF0EA;
  --verde-veu2:#F5F7F2;
  --dourado:#A67F3C;
  --dourado-txt:#8A6626;   /* dourado de TEXTO: 5.0:1 no branco */
  --dourado-cl:#C9A971;
  --dourado-veu:#F6EFE2;
  --branco:#FFFFFF;
  --osso:#FCFBF8;
  --creme:#F7F2E8;
  --texto:#5E645A;
  --linha:rgba(116,132,107,.16);

  --display:"Playfair Display","Iowan Old Style",Georgia,serif;
  --sans:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;

  --wrap:1140px;
  --r:20px;
  --r-lg:28px;
  --sombra:0 18px 50px rgba(80,92,74,.09), 0 3px 12px rgba(80,92,74,.05);
  --sombra-alta:0 30px 70px rgba(80,92,74,.14), 0 6px 18px rgba(80,92,74,.07);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--branco); color:var(--texto);
  font-family:var(--sans); font-size:17px; font-weight:400; line-height:1.72;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{max-width:100%; display:block; height:auto}
figure{margin:0}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display); color:var(--verde-prof); font-weight:600; line-height:1.14; margin:0; letter-spacing:-.005em}
p{margin:0}
ul{margin:0; padding:0; list-style:none}
.wrap{width:100%; max-width:var(--wrap); margin:0 auto; padding:0 24px}

/* tipos de destaque */
.risco{position:relative; white-space:nowrap}
.risco::after{
  content:""; position:absolute; left:-.06em; right:-.06em; bottom:.06em; height:.34em;
  background:linear-gradient(90deg,rgba(201,169,113,.34),rgba(201,169,113,.16));
  border-radius:.2em; z-index:-1;
}

/* olho / eyebrow */
.olho{
  font-family:var(--sans); font-size:11.5px; font-weight:600; letter-spacing:.24em;
  text-transform:uppercase; color:var(--dourado-txt); display:inline-flex; align-items:center; gap:11px;
}
.olho::before{content:""; width:26px; height:1px; background:var(--dourado-cl)}
.olho.centro{justify-content:center}
.olho.centro::after{content:""; width:26px; height:1px; background:var(--dourado-cl)}

/* botão */
.btn{
  display:inline-flex; align-items:center; gap:12px; text-decoration:none;
  font-family:var(--sans); font-size:15px; font-weight:600; letter-spacing:.01em;
  color:#fff; background:linear-gradient(135deg,#8A9A7F 0%,#6B7B62 52%,#55654E 100%);
  padding:18px 32px; border-radius:100px; border:0; cursor:pointer;
  box-shadow:0 12px 30px rgba(90,106,82,.28); transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.btn:hover{transform:translateY(-2px); box-shadow:0 18px 38px rgba(90,106,82,.34); background:linear-gradient(135deg,#93A387 0%,#73846A 52%,#5D6E55 100%)}
.btn .ic{width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,.18); display:grid; place-items:center; flex:none}
.btn .ic svg{width:14px; height:14px; stroke:#fff; fill:none}
.btn.grande{font-size:16.5px; padding:21px 40px}
.btn-nota{margin-top:14px; font-size:13px; color:var(--verde-esc); letter-spacing:.02em}

/* ---------------- faixa superior em movimento ---------------- */
.topbar{
  position:fixed; top:0; left:0; right:0; z-index:70; background:var(--verde-prof);
  overflow:hidden; height:34px; display:flex; align-items:center;
}
.topbar-trilho{
  display:flex; align-items:center; gap:14px; white-space:nowrap; will-change:transform;
  animation:desliza 34s linear infinite;
}
.topbar-trilho span{
  font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:#EAEEE5;
}
.topbar-trilho i{color:var(--dourado-cl); font-style:normal; font-size:11px}
@keyframes desliza{from{transform:translateX(0)} to{transform:translateX(-50%)}}

/* ---------------- navegação ---------------- */
.nav{position:fixed; top:34px; left:0; right:0; z-index:60; padding:14px 0; transition:background .3s ease, box-shadow .3s ease, padding .3s ease}
.nav.solida{background:rgba(255,255,255,.93); backdrop-filter:saturate(160%) blur(14px); box-shadow:0 1px 0 var(--linha); padding:9px 0}
.nav-in{display:flex; align-items:center; justify-content:space-between; gap:20px}
.marca{font-family:var(--display); font-size:21px; color:var(--verde-esc); letter-spacing:-.01em; line-height:1}
.marca i{font-family:var(--sans); font-style:normal; font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--dourado); display:block; margin-top:4px}
.nav .btn{padding:13px 24px; font-size:14px}

/* ---------------- hero ---------------- */
.hero{position:relative; padding:150px 0 0; overflow:hidden; background:var(--branco)}
.hero-fundo{position:absolute; inset:0; background:url("assets/fundo-marmitas.webp") center/cover no-repeat; opacity:.9}
.hero-fundo::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(58% 62% at 50% 44%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 42%, rgba(255,255,255,.6) 100%);
}
.hero-in{position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center}
.hero-txt{padding:26px 0 70px}
.hero h1{font-size:clamp(36px,4.9vw,60px); margin:20px 0 0}
.hero .sub{margin-top:22px; font-size:18px; line-height:1.75; max-width:33em}
.hero-acao{margin-top:34px}
.hero-selos{display:flex; flex-wrap:wrap; gap:10px; margin-top:32px}
.selo{
  display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.8);
  border:1px solid var(--linha); border-radius:100px; padding:9px 17px;
  font-size:12.5px; font-weight:600; letter-spacing:.02em; color:var(--verde-esc);
}
.selo svg{width:15px; height:15px; stroke:var(--dourado); fill:none; flex:none}
.hero-foto{position:relative; padding-bottom:46px}
.hero-foto img{
  width:100%; max-width:480px; margin:0 auto; border-radius:var(--r-lg);
  aspect-ratio:4/5; object-fit:cover; object-position:center 18%; box-shadow:var(--sombra-alta);
}
.hero-tag{
  position:absolute; left:8%; bottom:12px; background:#fff; border-radius:16px;
  padding:14px 20px; box-shadow:var(--sombra-alta); text-align:center;
}
.hero-tag b{display:block; font-family:var(--display); font-size:22px; color:var(--verde); line-height:1}
.hero-tag span{font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--verde-esc)}

/* ---------------- tiras de foto em movimento ---------------- */
.tira{padding:0; background:var(--branco); overflow:hidden}
.tira-b{background:var(--osso)}
.tira-trilho{display:flex; gap:10px; width:max-content}
.tira-trilho.trilho{animation:desliza 60s linear infinite}
.tira-trilho.trilho.reverso{animation-direction:reverse}
.tira-trilho img{
  width:210px; height:280px; object-fit:cover; border-radius:14px; flex:none;
  box-shadow:0 10px 26px rgba(80,92,74,.08);
}

/* ---------------- seções ---------------- */
section{padding:100px 0; position:relative}
.sec-branco{background:var(--branco)}
.sec-veu{background:linear-gradient(180deg,var(--osso) 0%,#fff 100%)}
.sec-verde{background:var(--verde-veu2)}
.sec-verde-forte{background:var(--verde-prof); color:rgba(231,235,225,.82)}
.sec-verde-forte h2{color:#fff}
.sec-verde-forte .olho{color:var(--dourado-cl)}
.sec-verde-forte .olho::before,.sec-verde-forte .olho::after{background:rgba(201,169,113,.6)}
.cabeca{max-width:740px; margin:0 auto 56px; text-align:center}
.cabeca h2{font-size:clamp(29px,3.6vw,44px); margin:18px 0 0}
.cabeca p{margin-top:20px; font-size:17.5px}
.h2-med{font-size:clamp(27px,3.3vw,40px); margin-top:18px}

/* ---------------- dor ---------------- */
.dor-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center}
.dor-lista{display:grid; gap:14px; margin-top:30px}
.dor-item{
  display:flex; gap:15px; align-items:flex-start; background:#fff; border:1px solid var(--linha);
  border-radius:16px; padding:17px 20px; box-shadow:0 6px 20px rgba(80,92,74,.045);
}
.dor-item svg{width:19px; height:19px; stroke:var(--dourado); fill:none; flex:none; margin-top:3px}
.dor-item b{display:block; color:var(--verde-prof); font-weight:600; font-size:15.5px; margin-bottom:2px}
.dor-item p{font-size:15px; line-height:1.6}
.dor-foto img{border-radius:var(--r-lg); box-shadow:var(--sombra-alta); aspect-ratio:4/5; object-fit:cover; width:100%}
.frase{
  margin-top:34px; padding:24px 28px; border-left:3px solid var(--dourado-cl);
  background:var(--dourado-veu); border-radius:0 16px 16px 0;
  font-family:var(--display); font-size:19px; font-style:italic; color:var(--verde-prof); line-height:1.5;
}

/* ---------------- apresentação ---------------- */
.apres{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center}
.apres-txt h2{font-size:clamp(27px,3.3vw,40px); margin-top:18px}
.apres-txt p{margin-top:20px; font-size:16.8px}
.apres-numeros{display:flex; gap:34px; margin-top:34px; flex-wrap:wrap}
.apres-numeros b{
  display:block; font-family:var(--display); font-size:44px; color:var(--dourado-cl); line-height:1;
}
.apres-numeros span{font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:rgba(231,235,225,.7)}
.apres-fotos{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.apres-fotos img{
  width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:18px;
  box-shadow:0 18px 40px rgba(12,18,10,.28);
}
.apres-fotos img:nth-child(1),.apres-fotos img:nth-child(4){transform:translateY(-14px)}

/* ---------------- módulos (tira rolável) ---------------- */
.modulos{
  display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory;
  padding:6px 24px 22px; -webkit-overflow-scrolling:touch;
}
.modulos figure{flex:none; scroll-snap-align:center; width:238px}
.modulos img{
  width:238px; height:357px; object-fit:cover; border-radius:18px;
  box-shadow:var(--sombra); transition:transform .25s ease, box-shadow .25s ease;
}
.modulos figure:hover img{transform:translateY(-4px); box-shadow:var(--sombra-alta)}
.modulos-nota{
  text-align:center; font-size:12px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--verde-esc);
}

/* ---------------- pilar (organização) ---------------- */
.pilar{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
.pilar-card{
  background:#fff; border:1px solid var(--linha); border-radius:var(--r); overflow:hidden;
  box-shadow:var(--sombra); display:flex; flex-direction:column;
  transition:transform .25s ease, box-shadow .25s ease;
}
.pilar-card:hover{transform:translateY(-4px); box-shadow:var(--sombra-alta)}
.pilar-card img{width:100%; aspect-ratio:1/1; object-fit:cover}
.pilar-card figcaption{padding:24px 22px 26px}
.pilar-card b{display:block; font-family:var(--display); font-size:19px; color:var(--verde-prof); margin-bottom:9px}
.pilar-card p{font-size:14.6px; line-height:1.64}

/* ---------------- cardápios ---------------- */
.cards-cardapio{display:grid; grid-template-columns:1fr 1fr; gap:22px}
.cc{
  background:#fff; border:1px solid var(--linha); border-radius:var(--r-lg); overflow:hidden;
  box-shadow:var(--sombra); display:grid; grid-template-columns:.85fr 1.15fr;
}
.cc img{width:100%; height:100%; min-height:260px; object-fit:cover}
.cc-txt{padding:28px 26px}
.cc-num{font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--dourado-txt)}
.cc-txt h3{font-size:21px; margin:9px 0 16px}
.cc-txt li{display:flex; gap:11px; align-items:flex-start; font-size:14.6px; line-height:1.55; margin-bottom:11px}
.cc-txt li:last-child{margin-bottom:0}
.cc-txt svg{width:16px; height:16px; stroke:var(--verde); fill:none; flex:none; margin-top:4px}

/* ---------------- complementares ---------------- */
.comp{display:grid; gap:26px}
.comp-card{
  display:grid; grid-template-columns:.8fr 1.2fr; gap:36px; align-items:center;
  background:var(--verde-veu2); border-radius:var(--r-lg); padding:30px;
}
.comp-card.invertido{grid-template-columns:1.2fr .8fr}
.comp-card.invertido figure{order:2}
.comp-card img{width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--r); box-shadow:var(--sombra)}
.tag-mini{
  display:inline-block; background:#fff; border:1px solid var(--linha); border-radius:100px;
  padding:7px 16px; font-size:11px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--dourado-txt);
}
.comp-card h3{font-size:clamp(23px,2.6vw,31px); margin:16px 0 14px}
.comp-card p{font-size:16.4px}

/* ---------------- bônus ---------------- */
.bonus{display:grid; grid-template-columns:1fr 1fr; gap:24px}
.bonus-card{
  background:#fff; border:1px solid var(--linha); border-radius:var(--r-lg); overflow:hidden;
  box-shadow:var(--sombra); display:grid; grid-template-columns:.62fr 1.38fr; align-items:stretch;
}
.capa-bonus{
  background:linear-gradient(150deg,#46543C 0%,#39432F 58%,#2C3425 100%);
  padding:30px 22px; display:flex; flex-direction:column; justify-content:center; gap:12px; text-align:center;
}
.capa-bonus.alt{background:linear-gradient(150deg,#8A7343 0%,#6E5B33 58%,#574626 100%)}
.capa-olho{font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--dourado-cl)}
.capa-bonus.alt .capa-olho{color:#F0E2C4}
.capa-bonus b{font-family:var(--display); font-size:26px; line-height:1.14; color:#fff}
.capa-bonus.com-foto{justify-content:center; align-items:center; padding:26px 20px}
.capa-bonus.com-foto img{width:100%; max-width:200px; height:auto; border-radius:5px; transform:rotate(-3deg); box-shadow:0 2px 4px rgba(0,0,0,.18), 0 22px 40px -16px rgba(0,0,0,.55)}
.capa-pe{font-size:11px; letter-spacing:.06em; color:rgba(247,242,232,.74); line-height:1.5}
.bonus-txt{padding:30px 28px}
.bonus-txt h3{font-size:21px; margin-bottom:16px}
.bonus-txt li{display:flex; gap:11px; align-items:flex-start; font-size:14.8px; line-height:1.6; margin-bottom:11px}
.bonus-txt li:last-child{margin-bottom:0}
.bonus-txt svg{width:16px; height:16px; stroke:var(--verde); fill:none; flex:none; margin-top:4px}

/* ---------------- para quem é ---------------- */
.para-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:center}
.para-foto img{border-radius:var(--r-lg); box-shadow:var(--sombra-alta); aspect-ratio:4/5; object-fit:cover; width:100%}
.para-lista{margin-top:28px; display:grid; gap:14px}
.para-lista li{display:flex; gap:13px; align-items:flex-start; font-size:16.2px; line-height:1.6}
.para-lista svg{width:19px; height:19px; stroke:var(--verde); fill:none; flex:none; margin-top:4px}

/* ---------------- quem ensina ---------------- */
.hist{display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; align-items:center}
.hist-foto{position:relative}
.hist-foto img{border-radius:var(--r-lg); box-shadow:var(--sombra-alta); aspect-ratio:4/5; object-fit:cover; width:100%}
.hist-foto .tag{
  position:absolute; right:-16px; bottom:26px; background:#fff; border-radius:16px;
  padding:15px 20px; box-shadow:var(--sombra-alta); text-align:center;
}
.hist-foto .tag b{display:block; font-family:var(--display); font-size:24px; color:var(--verde); line-height:1}
.hist-foto .tag span{font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--verde-esc)}
.hist-txt h2{font-size:clamp(27px,3.3vw,40px); margin-top:18px}
.hist-txt p{margin-top:20px; font-size:16.8px}
.assina{margin-top:28px; font-family:var(--display); font-style:italic; font-size:22px; color:var(--verde)}

/* ---------------- oferta ---------------- */
.oferta{background:var(--verde-prof); color:#E7EBE1}
.oferta h2{color:#fff}
.oferta .cabeca p{color:rgba(231,235,225,.8)}
.oferta .olho{color:var(--dourado-cl)}
.oferta .olho::before,.oferta .olho::after{background:rgba(201,169,113,.6)}
.caixa{
  max-width:660px; margin:0 auto; background:#fff; border-radius:var(--r-lg); padding:46px 44px;
  box-shadow:0 34px 80px rgba(20,26,16,.34); text-align:center; color:var(--texto);
}
.caixa .inclui{display:grid; gap:13px; text-align:left; margin:0 0 34px}
.caixa .inclui li{display:flex; gap:12px; align-items:flex-start; font-size:15.2px; line-height:1.6}
.caixa .inclui svg{width:18px; height:18px; stroke:var(--verde); fill:none; flex:none; margin-top:4px}
.caixa .inclui b{color:var(--verde-prof); font-weight:600}
.preco{border-top:1px solid var(--linha); padding-top:28px}
.preco-olho{font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--dourado-txt)}
.preco .por{font-family:var(--display); font-size:54px; color:var(--verde-prof); line-height:1.05; margin:8px 0 2px}
.preco .por small{font-size:24px; font-weight:500}
.preco .parcela{font-size:14.5px; color:var(--texto); margin-bottom:26px}
.garantia{
  display:flex; gap:16px; align-items:center; max-width:660px; margin:26px auto 0;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:var(--r); padding:20px 24px;
}
.garantia svg{width:34px; height:34px; stroke:var(--dourado-cl); fill:none; flex:none}
.garantia b{display:block; color:#fff; font-family:var(--display); font-size:17px; margin-bottom:3px}
.garantia p{font-size:14.4px; color:rgba(231,235,225,.78); line-height:1.6}

/* ---------------- dúvidas ---------------- */
.faq{max-width:820px; margin:0 auto; display:grid; gap:12px}
.faq details{background:#fff; border:1px solid var(--linha); border-radius:16px; box-shadow:0 6px 20px rgba(80,92,74,.05); overflow:hidden}
.faq summary{
  cursor:pointer; list-style:none; padding:22px 26px; font-weight:600; font-size:16px; color:var(--verde-prof);
  display:flex; align-items:center; justify-content:space-between; gap:18px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; font-size:22px; color:var(--dourado-txt); font-weight:400; line-height:1; flex:none}
.faq details[open] summary::after{content:"\2212"}
.faq .resp{padding:0 26px 24px; font-size:15.4px; line-height:1.72}

/* ---------------- fechamento ---------------- */
.fim{position:relative; overflow:hidden; text-align:center; padding:110px 0}
.fim-fundo{position:absolute; inset:0; background:url("assets/fundo-marmitas.webp") center/cover no-repeat}
.fim-fundo::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.96))}
.fim-in{position:relative; z-index:2; max-width:700px; margin:0 auto}
.fim h2{font-size:clamp(31px,4vw,48px); margin-top:18px}
.fim p{margin-top:22px; font-size:17.5px}
.fim .btn{margin-top:34px}

/* ---------------- rodapé ---------------- */
footer{background:var(--verde-prof); color:rgba(231,235,225,.78); padding:44px 0; font-size:13.4px}
.rodape{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap}
.rodape .marca{color:#fff}
.rodape .marca i{color:var(--dourado-cl)}
.rodape p{max-width:52ch; line-height:1.65}

/* foco visível */
.btn:focus-visible,.faq summary:focus-visible,a:focus-visible,.modulos:focus-visible{outline:3px solid var(--dourado); outline-offset:3px; border-radius:8px}

/* aparecer ao rolar */
.up{opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease}
.up.vis{opacity:1; transform:none}

/* ---------------- responsivo ---------------- */
@media (max-width:1040px){
  .cards-cardapio{grid-template-columns:1fr}
  .pilar{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  .bonus{grid-template-columns:1fr}
  .dor-grid,.hist,.apres,.para-grid{grid-template-columns:1fr; gap:44px}
  .hist-foto,.dor-foto,.para-foto{max-width:460px; margin:0 auto}
  .comp-card,.comp-card.invertido{grid-template-columns:1fr; gap:24px; padding:24px}
  .comp-card.invertido figure{order:0}
  .comp-card figure{max-width:420px; margin:0 auto}
  .hero-in{grid-template-columns:1fr; text-align:center}
  .hero-txt{padding-bottom:10px}
  .hero .sub{margin-left:auto; margin-right:auto}
  .hero-selos{justify-content:center}
  .olho{justify-content:center}
  .olho::after{content:""; width:26px; height:1px; background:var(--dourado-cl)}
  .hero-tag{left:auto; right:6%}
  .apres-numeros{justify-content:center; gap:28px}
  .apres-fotos img:nth-child(1),.apres-fotos img:nth-child(4){transform:none}
}
@media (max-width:640px){
  body{font-size:16px}
  .risco{white-space:normal}
  .risco::after{height:.3em}
  section{padding:70px 0}
  .hero{padding-top:118px}
  .hero h1{font-size:33px}
  .hero .sub{font-size:16.4px}
  .pilar{grid-template-columns:1fr}
  .cc{grid-template-columns:1fr}
  .cc img{min-height:0; aspect-ratio:4/3}
  .bonus-card{grid-template-columns:1fr}
  .capa-bonus{padding:26px 20px}
  .caixa{padding:34px 22px}
  .preco .por{font-size:44px}
  .nav{top:34px}
  .nav .btn{padding:11px 18px; font-size:13px}
  .nav .btn .ic{display:none}
  .marca{font-size:17px}
  .tira-trilho img{width:150px; height:200px}
  .modulos figure,.modulos img{width:200px}
  .modulos img{height:300px}
  .frase{font-size:17px; padding:20px 22px}
  .apres-numeros b{font-size:36px}
}
@media (prefers-reduced-motion:reduce){
  .up{opacity:1; transform:none; transition:none}
  .topbar-trilho,.tira-trilho.trilho{animation:none}
  .btn,.pilar-card,.modulos img,.item{transition:none}
  .btn:hover,.pilar-card:hover,.modulos figure:hover img{transform:none}
  html{scroll-behavior:auto}
}