:root{
  --paper:#F6F0E2; --paper-2:#EDE3CD; --card:#FFFDF6;
  --ink:#1B1209; --ink-2:#5C4D3B; --ink-3:#95836C;
  --yolk:#FFB300; --yolk-2:#FFD54F; --yolk-soft:rgba(255,179,0,.18);
  --orange:#E8541E; --orange-d:#C84415;
  --wa:#25D366; --wa-d:#1CB854;
  --line:rgba(27,18,9,.12); --night:#191009;
  --font-d:'Anton',Impact,sans-serif;
  --font-it:'Fraunces',Georgia,serif;
  --font-b:'Inter',system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1); --pop:cubic-bezier(.34,1.56,.64,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-b);font-size:16px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
ul{list-style:none}
h1,h2,h3{font-family:var(--font-d);font-weight:400;line-height:.95;text-transform:uppercase;letter-spacing:.005em}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}
::selection{background:var(--yolk);color:var(--ink)}
section{scroll-margin-top:86px}
.container{width:min(1180px,92vw);margin-inline:auto}

/* ===== Reveal ===== */
.rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}

/* ===== Botões ===== */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:54px;padding:.85rem 1.7rem;border-radius:14px;font-weight:800;font-size:.98rem;letter-spacing:.01em;will-change:transform;transition:box-shadow .25s,background .25s,transform .2s var(--pop)}
.btn:active{transform:scale(.97)}
.btn-ink{background:var(--ink);color:var(--paper);box-shadow:0 14px 30px rgba(27,18,9,.28)}
.btn-ink:hover{background:#000;box-shadow:0 18px 40px rgba(27,18,9,.35)}
.btn-wa{background:var(--wa);color:#062B16;box-shadow:0 14px 30px rgba(37,211,102,.3)}
.btn-wa:hover{background:#2EE374;box-shadow:0 18px 42px rgba(37,211,102,.38)}
.btn-yolk{background:var(--yolk);color:var(--ink);box-shadow:0 14px 30px rgba(255,179,0,.35)}
.btn-yolk:hover{background:var(--yolk-2)}

/* ===== Topbar ===== */
.topbar{position:relative;z-index:10;background:var(--night);color:var(--paper);overflow:hidden;height:42px;display:flex;align-items:center}
.topbar-track{display:flex;width:max-content;animation:tb 26s linear infinite}
.topbar:hover .topbar-track{animation-play-state:paused}
.topbar-track span{display:flex;align-items:center;white-space:nowrap;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,240,226,.92)}
.topbar-track span i{font-style:normal;color:var(--yolk);margin:0 1.8rem;font-size:.72rem}
@keyframes tb{to{transform:translateX(-50%)}}

/* ===== Header sticky ===== */
.hd{position:sticky;top:0;z-index:90;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.hd.sc{background:rgba(246,240,226,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.hd-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}
.brand{display:flex;align-items:center;gap:.7rem}
.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.brand b{font-family:var(--font-d);font-weight:400;text-transform:uppercase;font-size:1.02rem;letter-spacing:.06em;line-height:1}
.brand small{display:block;font-family:var(--font-b);font-weight:700;font-size:.52rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3)}
.hd-acts{display:flex;align-items:center;gap:.5rem}
.hbtn{display:inline-flex;align-items:center;gap:.5rem;min-height:46px;padding:.55rem 1.1rem;border-radius:12px;border:1px solid var(--line);background:var(--card);font-weight:700;font-size:.9rem;color:var(--ink);transition:border-color .2s,background .2s,transform .2s}
.hbtn:hover{border-color:var(--ink)}
.hbtn svg{width:19px;height:19px}
.hbtn .cnt{min-width:19px;height:19px;padding-inline:5px;border-radius:99px;background:var(--orange);color:#fff;font-size:.66rem;font-weight:800;display:grid;place-items:center}
.menu-b{width:46px;height:46px;padding:0;justify-content:center;border-radius:12px}

/* ===== Menu fullscreen ===== */
.menu-ov{position:fixed;inset:0;z-index:100;background:var(--night);color:var(--paper);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .4s}
.menu-ov.open{opacity:1;pointer-events:auto}
.menu-ov nav{display:grid;gap:1rem;text-align:center}
.menu-ov a{font-family:var(--font-d);text-transform:uppercase;font-size:clamp(2.4rem,7vw,4.6rem);color:var(--paper);opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease),transform .5s var(--ease),color .2s}
.menu-ov.open a{opacity:1;transform:none}
.menu-ov a:hover{color:var(--yolk)}
.menu-close{position:absolute;top:1rem;right:max(4vw,1rem);width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;display:grid;place-items:center;font-size:1.4rem}
.menu-foot{position:absolute;bottom:2rem;width:100%;text-align:center;font-size:.85rem;color:rgba(246,240,226,.55)}

/* ===== HERO ===== */
.hero{position:relative;display:flex;align-items:center;min-height:88vh;padding:clamp(4.5rem,9vw,7rem) 0;overflow:hidden;background:#261610}
.hero-slides{position:absolute;inset:0;z-index:0}
/* O fundo vem em duas resoluções por custom property: a versão retrato para
   telas estreitas e a paisagem para as largas. Sem isso o celular baixava a
   imagem de desktop e descartava metade dos pixels no cover. */
.h-slide{position:absolute;inset:0;background-image:var(--bg-mob,var(--bg));background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s var(--ease)}
@media (min-width:701px){.h-slide{background-image:var(--bg,var(--bg-mob))}}
.h-slide.active{opacity:1;animation:hKen 8s ease-out forwards}
@keyframes hKen{from{transform:scale(1)}to{transform:scale(1.06)}}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(24,14,6,.9) 0%,rgba(24,14,6,.62) 48%,rgba(24,14,6,.25) 100%),linear-gradient(0deg,rgba(24,14,6,.5),transparent 32%);pointer-events:none}
.h-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:1.5rem;display:grid;place-items:center;transition:background .2s,transform .2s}
.h-arrow:hover{background:var(--yolk);color:var(--ink)}
.h-arrow.prev{left:1.2rem}
.h-arrow.next{right:1.2rem}
.h-dots{position:absolute;bottom:1.4rem;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:.5rem}
.h-dot{width:10px;height:10px;border-radius:99px;background:rgba(255,255,255,.4);transition:all .3s}
.h-dot.active{width:28px;background:var(--yolk)}
.hero-in{position:relative;z-index:2;max-width:780px;color:var(--paper)}
.hero-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--yolk)}
.hero-tag::before{content:"";width:30px;height:2px;background:var(--yolk)}
.hl1{font-size:clamp(3.4rem,8.5vw,6.6rem);overflow:hidden;color:#fff}
.hl1 .l{display:block}
.hl1 .l em{font-family:var(--font-it);font-style:italic;text-transform:none;color:var(--yolk);font-weight:500}
.hl1 .l i{display:block;font-style:normal;transform:translateY(110%);transition:transform .9s var(--ease)}
.hero.show .hl1 .l i{transform:none}
.hl1 .l:nth-child(2) i{transition-delay:.1s}
.hl1 .l:nth-child(3) i{transition-delay:.2s}
.hero-sub{max-width:46ch;margin-top:1.3rem;color:rgba(246,240,226,.85);font-size:1.05rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.hero-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.9rem;padding-top:1.4rem;border-top:1px solid rgba(246,240,226,.2);font-size:.9rem;font-weight:700;color:rgba(246,240,226,.75)}
.hero-meta b{color:#fff}

/* ===== Seções ===== */
.sec{padding:5.5rem 0;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--orange)}
.h2x{font-size:clamp(2.5rem,6vw,4.6rem);margin-top:.9rem}
.h2x em{font-family:var(--font-it);font-style:italic;text-transform:none;color:var(--orange);font-weight:500}
.lead{color:var(--ink-2);max-width:52ch;margin-top:.9rem}

/* ===== Kits ===== */
.picker{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0 0}
.pill{display:inline-flex;align-items:center;gap:.55rem;min-height:50px;padding:.6rem 1.3rem;border-radius:99px;border:1.5px solid var(--line);background:var(--card);font-weight:800;font-size:.95rem;color:var(--ink-2);transition:all .2s}
.pill .dot{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;transition:background .3s}
.pill:hover{border-color:var(--ink);color:var(--ink)}
.pill.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.pill.branco .dot{background:#F6EFDF}.pill.branco.active .dot{background:#F6EFDF}
.pill.vermelho .dot{background:#A0522D}.pill.vermelho.active .dot{background:#B0602F}
.pill.caipira .dot{background:#D9A35B}.pill.caipira.active .dot{background:#E0B06B}
.rail-scroll{position:relative;margin-top:1.6rem}
.rail{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 22px;cursor:grab;-webkit-overflow-scrolling:touch}
.rail.drag{cursor:grabbing;scroll-snap-type:none}
.rail::-webkit-scrollbar{height:8px}
.rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
.kcard{flex:0 0 min(320px,86vw);scroll-snap-align:start;background:linear-gradient(180deg,var(--card),#FBF6EA);border:1px solid var(--line);border-radius:22px;padding:1.3rem;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.kcard:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(27,18,9,.12);border-color:rgba(232,84,30,.35)}
.kcard.hot{border-color:rgba(255,179,0,.55);box-shadow:0 20px 45px rgba(255,179,0,.14)}
.kcard.hot:hover{box-shadow:0 30px 60px rgba(255,179,0,.2)}
.k-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}
.k-qty{font-family:var(--font-d);font-size:3.2rem;line-height:1;color:var(--ink)}
.k-qty small{font-family:var(--font-b);font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);display:block;line-height:1.4}
.k-var{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--paper-2);border-radius:99px;padding:.35rem .8rem;color:var(--ink-2);white-space:nowrap}
.egg-dot{width:13px;height:13px;border-radius:50%;border:1.5px solid rgba(27,18,9,.25);flex-shrink:0}
.k-art{position:relative;aspect-ratio:1/.72;border-radius:16px;overflow:hidden;margin:1rem 0 .9rem;background:radial-gradient(90% 120% at 50% 10%,var(--yolk-soft),transparent 60%),var(--paper-2);display:grid;place-items:center}
.k-art .art{width:44%;transition:transform .5s var(--ease)}
.kcard:hover .k-art .art{transform:scale(1.08) rotate(-3deg)}
.k-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:1.6rem}
.k-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.k-name{font-family:var(--font-d);text-transform:uppercase;font-size:1.15rem;letter-spacing:.03em}
.b{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .7rem;border-radius:99px;white-space:nowrap}
.b-hot{background:var(--orange);color:#fff}
.b-econ{background:var(--yolk);color:var(--ink)}
.b-pro{background:var(--ink);color:var(--paper)}
.k-desc{font-size:.85rem;color:var(--ink-2);margin-top:.2rem;flex:1}
.k-price{display:flex;align-items:center;gap:.6rem;margin-top:.7rem;flex-wrap:wrap}
.k-price .cur{font-family:var(--font-d);font-size:1.9rem}
.per-tag{font-size:.72rem;font-weight:800;color:var(--ink-3);background:var(--paper-2);border-radius:99px;padding:.28rem .65rem}
.econ-tag{display:inline-flex;align-items:center;gap:.35rem;margin-top:.55rem;font-size:.72rem;font-weight:800;color:var(--orange);background:var(--yolk-soft);border:1px dashed var(--yolk);border-radius:99px;padding:.3rem .7rem}
.k-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.k-chips span{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;color:var(--ink-2);background:var(--paper);border-radius:99px;padding:.25rem .6rem}
.k-chips svg{width:12px;height:12px;color:var(--yolk);flex-shrink:0}
.k-add{margin-top:.95rem;min-height:50px;border-radius:14px;background:var(--ink);color:var(--paper);font-weight:800;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s,transform .2s var(--pop)}
.k-add:hover{transform:translateY(-2px)}
.k-add.added{background:var(--wa);color:#062B16}
.k-add.v-terra{background:var(--orange)}
.k-add.v-terra:hover{background:var(--orange-d)}
.k-add.v-yolk{background:var(--yolk);color:var(--ink)}
.k-add.v-yolk:hover{background:var(--yolk-2)}
.k-add.v-pro{background:var(--ink);border:1.5px solid var(--yolk)}
.k-add.v-pro:hover{background:#000}
.k-add.v-consult{background:transparent;border:1.5px solid var(--orange);color:var(--orange)}
.k-add.v-consult:hover{background:var(--orange);color:#fff}
.rail-hint{margin-top:.4rem;font-size:.8rem;color:var(--ink-3);text-align:center;font-weight:600}

/* ===== Por que ===== */
.why{background:var(--paper-2);position:relative;overflow:hidden}
.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3.4rem;align-items:start}
.why-sticky{position:sticky;top:86px}
.why-visual{position:relative;margin-top:1.6rem;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 50px rgba(27,18,9,.16)}
.why-visual img{width:100%;height:100%;object-fit:cover}
.why-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(25,16,9,.55))}
/* Filho direto apenas: a legenda mora em .why-visual, mas a etiqueta do hover
   fica dentro do <button>. Sem o ">", ela herdava left+bottom daqui e, somada
   ao right+top dela, esticava para 475x349 — um elipse cinza sobre a foto. */
.why-visual > span{position:absolute;left:1.1rem;bottom:1rem;z-index:2;color:#fff;font-family:var(--font-it);font-style:italic;font-size:1.05rem}
.why-flow{position:relative}
.why-row{position:relative;display:grid;grid-template-columns:74px 1fr;gap:1.1rem;padding:1.5rem 0;border-top:1px solid var(--line);transition:background .2s,transform .3s var(--ease),box-shadow .3s}
.why-row:last-child{border-bottom:1px solid var(--line)}
.why-row:hover{transform:translateX(6px)}
.why-ic{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;position:relative}
.why-n{font-family:var(--font-d);font-size:1.7rem;color:var(--yolk);line-height:1}
.why-n.wm{position:absolute;right:-.2rem;top:-.5rem;font-size:4.6rem;color:rgba(27,18,9,.06);pointer-events:none;z-index:0}
.why-svg{width:22px;height:22px;color:var(--orange)}
.why-row h3{position:relative;z-index:1;font-family:var(--font-d);text-transform:uppercase;font-size:1.2rem;letter-spacing:.02em}
.why-row h3 em{font-family:var(--font-it);font-style:italic;text-transform:none;color:var(--orange);font-weight:500}
.why-row p{position:relative;z-index:1;color:var(--ink-2);font-size:.93rem;max-width:46ch;margin-top:.25rem}
.guar-card{margin-top:1.7rem;display:flex;gap:.9rem;align-items:flex-start;background:var(--yolk-soft);border:1px solid rgba(255,179,0,.45);border-radius:16px;padding:1.1rem 1.2rem;box-shadow:0 14px 30px rgba(255,179,0,.14);will-change:transform}
.guar-card .why-n{font-size:1.3rem}
.guar-card svg{width:21px;height:21px;color:var(--orange);flex-shrink:0;margin-top:2px}
.guar-card b{font-family:var(--font-d);text-transform:uppercase;font-size:.95rem;letter-spacing:.02em;display:block}
.guar-card p{font-size:.85rem;color:var(--ink-2);margin-top:.2rem}

/* ===== Clube ===== */
.club-card{position:relative;border-radius:30px;overflow:hidden;min-height:520px;background:#261610;box-shadow:0 40px 90px rgba(27,18,9,.28);display:flex;align-items:center}
.club-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--ease);background-size:cover;background-position:center}
.club-slide.active{opacity:1}
.club-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(20,10,3,.92) 0%,rgba(20,10,3,.7) 45%,rgba(20,10,3,.22) 100%)}
.club-in{position:relative;z-index:2;max-width:640px;color:var(--paper);padding:clamp(2rem,6vw,4.5rem)}
.club-in .eyebrow{color:var(--yolk)}
.club-in .eyebrow::before{background:var(--yolk)}
.club-in h2{color:#fff;font-size:clamp(1.9rem,4.2vw,3.1rem);margin-top:1rem}
.club-in h2 em{font-family:var(--font-it);font-style:italic;text-transform:none;color:var(--yolk);font-weight:500}
.club-in p{color:rgba(246,240,226,.82);margin-top:.9rem;max-width:48ch}
.club-cta{margin-top:1.6rem}
.club-note{margin-top:.8rem;font-size:.8rem;color:rgba(246,240,226,.6)}
.club-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}
.ctopic{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:700;color:var(--paper);background:rgba(255,255,255,.12);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:.4rem .85rem}
.ctopic svg{width:13px;height:13px;color:var(--yolk)}
.car-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);color:#fff;font-size:1.4rem;display:grid;place-items:center;transition:background .2s,transform .2s}
.car-arrow:hover{background:var(--yolk);color:var(--ink)}
.car-arrow.prev{left:1.2rem}.car-arrow.next{right:1.2rem}
.car-dots{position:absolute;bottom:1.2rem;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:.5rem}
.car-dot{width:10px;height:10px;border-radius:99px;background:rgba(255,255,255,.4);transition:all .3s;cursor:pointer}
.car-dot.active{width:26px;background:var(--yolk)}

/* ===== Entrega ===== */
.del{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}
.dbox{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.9rem}
.dbox h3{font-family:var(--font-d);text-transform:uppercase;font-size:1.15rem;letter-spacing:.03em}
.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.5rem;margin-top:1.3rem}
.fact{display:flex;gap:.8rem;align-items:flex-start}
.fact svg{width:22px;height:22px;color:var(--orange);flex-shrink:0;margin-top:2px}
.fact b{display:block;font-family:var(--font-d);font-size:1.35rem;line-height:1.1;color:var(--ink)}
.fact small{font-size:.64rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.dbox .reg-label{font-size:.85rem;color:var(--ink-3);font-weight:600;margin-top:1.4rem}
.regions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}
.rchip{font-size:.76rem;font-weight:700;background:var(--paper-2);border-radius:99px;padding:.35rem .85rem;color:var(--ink-2)}
.cep-form{display:flex;gap:.6rem;margin-top:1.1rem;flex-wrap:wrap}
.cep-in{flex:1;min-width:170px;min-height:52px;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:12px;font-size:1.05rem;letter-spacing:.06em;background:var(--paper);transition:border-color .2s,box-shadow .2s}
.cep-in:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--yolk-soft)}
.cep-fb{margin-top:.6rem;font-size:.85rem;font-weight:800;min-height:1.2em}
.cep-fb.ok{color:var(--wa-d)}
.cep-fb.err{color:var(--orange)}
.dbox .cep-note{font-size:.84rem;color:var(--ink-3);margin-top:.7rem}

/* ===== Depoimentos ===== */
.sec-grad{background:linear-gradient(180deg,var(--paper) 0%,rgba(255,179,0,.08) 42%,rgba(255,213,79,.14) 58%,var(--paper) 100%)}
.v-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;align-items:start}
.v{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.6rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 14px 34px rgba(27,18,9,.06)}
.v:nth-child(2){margin-top:2.2rem}
.v .stars{color:var(--yolk);letter-spacing:3px;font-weight:800}
.v blockquote{font-family:var(--font-it);font-style:italic;font-size:1.2rem;line-height:1.45;flex:1}
.v footer{font-size:.86rem;font-weight:700}
.v footer small{display:block;font-weight:600;color:var(--ink-3)}
.g5{margin-top:1.4rem;display:flex;align-items:center;gap:1.2rem;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.3rem 1.6rem;box-shadow:0 14px 34px rgba(27,18,9,.06)}
.g5 .n{font-family:var(--font-d);font-size:2.8rem;color:var(--orange)}
.g5 p{color:var(--ink-2);font-size:.9rem}

/* ===== Dicas e Receitas ===== */
.rec-sec{background:var(--paper)}
.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.4rem}
.rec{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.rec:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(27,18,9,.12)}
.rec img{width:100%;aspect-ratio:16/9;object-fit:cover}
.rec-body{padding:1.2rem 1.3rem 1.4rem}
.rec-tag{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--orange);border-radius:99px;padding:.28rem .7rem}
.rec h3{font-family:var(--font-it);font-style:italic;text-transform:none;font-weight:600;font-size:1.25rem;line-height:1.25;margin-top:.7rem;color:var(--ink)}
.rec p{font-size:.85rem;color:var(--ink-2);margin-top:.45rem}

/* ===== FAQ ===== */
.faq-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:start}
.faq-side{position:sticky;top:96px}
.faq{display:grid;gap:.8rem}
.fi{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.fi:hover{border-color:rgba(255,179,0,.5)}
.fi.open{border-color:var(--yolk);box-shadow:0 14px 34px rgba(255,179,0,.12)}
.fq{width:100%;display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.2rem;font-weight:800;font-size:1rem;text-align:left;color:var(--ink)}
.fq-ic{width:38px;height:38px;border-radius:10px;background:var(--yolk-soft);display:grid;place-items:center;flex-shrink:0}
.fq-ic svg{width:19px;height:19px;color:var(--orange)}
.fq .plus{margin-left:auto;color:var(--orange);font-size:1.5rem;line-height:1;transition:transform .3s var(--ease);flex-shrink:0}
.fi.open .fq .plus{transform:rotate(45deg)}
.fa{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.fa p{padding:0 1.2rem 1.2rem 4.2rem;color:var(--ink-2);font-size:.94rem}

/* ===== Final ===== */
.final{position:relative;overflow:hidden;text-align:center;padding:6rem 0;border-radius:34px;background:radial-gradient(60% 90% at 50% 0%,rgba(255,179,0,.55),transparent 60%),var(--paper-2)}
.final h2{font-size:clamp(2.6rem,7vw,5.6rem)}
.final h2 em{font-family:var(--font-it);font-style:italic;text-transform:none;color:var(--orange)}
.final p{color:var(--ink-2);margin-top:1rem}
.final .btn{margin-top:2rem}

/* ===== Footer ===== */
.ft{background:var(--night);color:var(--paper);padding:4rem 0 2.2rem;margin-top:5rem}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.4rem}
.ft h4{font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--yolk);margin-bottom:.9rem}
.ft ul{display:grid;gap:.55rem;font-size:.9rem}
.ft a,.ft li{color:rgba(246,240,226,.72)}
.ft a:hover{color:var(--yolk)}
.fc li{display:flex;gap:.6rem;align-items:center}
.fc svg{width:17px;height:17px;color:var(--yolk);flex-shrink:0}
.ft-bottom{margin-top:2.6rem;padding-top:1.3rem;border-top:1px solid rgba(246,240,226,.12);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-size:.78rem;color:rgba(246,240,226,.5)}

/* ===== Comanda ===== */
.ov{position:fixed;inset:0;background:rgba(20,10,3,.5);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(3px)}
.ov.open{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,94vw);z-index:96;background:var(--card);border-left:1px solid var(--line);transform:translateX(103%);transition:transform .45s var(--ease);display:flex;flex-direction:column}
.cart-drawer.open{transform:none}
.cart-h{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.3rem;border-bottom:1px solid var(--line)}
.cart-h b{font-family:var(--font-d);text-transform:uppercase;font-size:1rem;letter-spacing:.05em}
.cart-b{flex:1;overflow-y:auto;padding:1.1rem 1.3rem;display:grid;gap:.85rem;align-content:start}
.empty{text-align:center;color:var(--ink-3);padding:2rem 0;font-weight:600}
.ci{display:flex;gap:.85rem;border-bottom:1px solid var(--line);padding-bottom:.85rem}
.ci .nm{font-weight:800;font-size:.9rem}
.ci .mt{font-size:.73rem;color:var(--ink-3)}
.ci .act{display:flex;align-items:center;gap:.5rem;margin-top:.45rem}
.qty{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;font-weight:800;transition:background .2s}
.qty:hover{background:var(--paper-2)}
.ci .val{font-family:var(--font-d);font-size:1.05rem;margin-left:auto;white-space:nowrap;align-self:center}
.rm{color:var(--orange);font-size:.73rem;font-weight:700;margin-top:.35rem;display:block}
.cart-f{border-top:1px solid var(--line);padding:1rem 1.3rem 1.2rem;display:grid;gap:.75rem}
.ship{font-size:.83rem;font-weight:700;color:var(--ink-2)}
.tots{display:grid;gap:.3rem;font-size:.92rem}
.tots .row{display:flex;justify-content:space-between}
.tots .g{font-family:var(--font-d);font-size:1.1rem;border-top:1px dashed var(--line);padding-top:.55rem;display:flex;justify-content:space-between}
.cart-note{font-size:.7rem;color:var(--ink-3);text-align:center}

/* ===== PERFIL (página em tela cheia) ===== */
.prof{position:fixed;inset:0;z-index:97;background:var(--card);transform:translateY(102%);transition:transform .5s var(--ease);display:flex;flex-direction:column;overflow:hidden}
.prof.open{transform:none}
.prof-h{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:1rem max(4vw,1.5rem);border-bottom:1px solid var(--line);background:var(--paper)}
.prof-h b{font-family:var(--font-d);text-transform:uppercase;font-size:1.05rem;letter-spacing:.05em}
.prof-b{flex:1;overflow-y:auto;padding:clamp(1.3rem,4vw,2.4rem) max(4vw,1.5rem) 3rem}
.prof-in{max-width:960px;margin:0 auto;display:grid;gap:1.4rem}
.pcols{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:start}
.prof-hero{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;background:linear-gradient(135deg,var(--yolk-soft),rgba(255,213,79,.2));border:1px solid rgba(255,179,0,.45);border-radius:22px;padding:clamp(1.2rem,3vw,1.8rem)}
.prof-avatar{width:76px;height:76px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-family:var(--font-d);font-size:2.1rem;text-transform:uppercase;flex-shrink:0;box-shadow:0 10px 24px rgba(232,84,30,.32)}
.prof-hero-tx{flex:1;min-width:200px}
.prof-hero-tx b{font-family:var(--font-d);text-transform:uppercase;font-size:clamp(1.3rem,3vw,1.8rem);letter-spacing:.03em;display:block}
.prof-hero-tx small{font-size:.85rem;color:var(--ink-2)}
.st{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:99px;padding:.32rem .85rem;white-space:nowrap}
.st.active{background:var(--wa);color:#062B16}
.st.inactive{background:var(--paper-2);color:var(--ink-3)}
.psec{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1.25rem}
.psec-h{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}
.psec-h svg{width:19px;height:19px;color:var(--orange);flex-shrink:0}
.psec-h h4{font-family:var(--font-d);text-transform:uppercase;font-size:.95rem;letter-spacing:.03em}
.pfield{display:grid;gap:.3rem;margin-bottom:.85rem}
.pfield label{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.pfield input{min-height:48px;padding:.6rem .9rem;border:1.5px solid var(--line);border-radius:11px;font-size:.95rem;background:var(--card);color:var(--ink);transition:border-color .2s,box-shadow .2s;width:100%}
.pfield input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--yolk-soft)}
.pfield .hint{font-size:.72rem;color:var(--ink-3)}
.pgrid2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.pdays,.ptimes{display:flex;flex-wrap:wrap;gap:.45rem}
.pday,.ptime{min-height:42px;padding:.45rem .85rem;border-radius:11px;border:1.5px solid var(--line);background:var(--card);font-weight:800;font-size:.8rem;color:var(--ink-2);transition:all .2s}
.pday.on,.ptime.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.pregions{display:flex;flex-wrap:wrap;gap:.45rem}
.preg{min-height:42px;padding:.45rem .95rem;border-radius:99px;border:1.5px solid var(--line);background:var(--card);font-weight:700;font-size:.8rem;color:var(--ink-2);transition:all .2s}
.preg.on{background:var(--orange);border-color:var(--orange);color:#fff}
.psave{width:100%;margin-top:.3rem}
.psave-msg{font-size:.78rem;font-weight:800;color:var(--wa-d);min-height:1.2em;margin-top:.45rem;text-align:center}
.psave-msg.err{color:var(--orange)}
.phist{display:grid;gap:.6rem}
.phist-empty{text-align:center;color:var(--ink-3);font-size:.85rem;padding:1rem 0}
.ph-item{display:flex;align-items:center;gap:.8rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .85rem}
.ph-item .ph-ic{width:38px;height:38px;border-radius:10px;background:var(--yolk-soft);display:grid;place-items:center;flex-shrink:0}
.ph-item .ph-ic svg{width:18px;height:18px;color:var(--orange)}
.ph-item .ph-tx{flex:1;min-width:0}
.ph-item .ph-tx b{display:block;font-size:.88rem}
.ph-item .ph-tx small{font-size:.72rem;color:var(--ink-3)}
.ph-item .ph-val{font-family:var(--font-d);font-size:.95rem;white-space:nowrap}
.pclub{background:linear-gradient(135deg,var(--yolk-soft),rgba(255,213,79,.22));border:1px solid rgba(255,179,0,.5);border-radius:18px;padding:1.25rem}
.pclub h4{font-family:var(--font-d);text-transform:uppercase;font-size:1.05rem;margin-top:.7rem}
.pclub p{font-size:.85rem;color:var(--ink-2);margin-top:.3rem}
.pclub .next{display:flex;align-items:center;gap:.6rem;margin-top:.9rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .85rem;font-size:.85rem}
.pclub .next svg{width:18px;height:18px;color:var(--orange);flex-shrink:0}
.pclub .next b{font-family:var(--font-d);font-size:1rem}
.pclub .pclub-cta{margin-top:.9rem;width:100%}

/* ===== PÁGINAS INSTITUCIONAIS (tela cheia) ===== */
.ipage{position:fixed;inset:0;z-index:98;background:var(--card);transform:translateY(102%);transition:transform .5s var(--ease);display:flex;flex-direction:column;overflow:hidden}
.ipage.open{transform:none}
.iptx{max-width:760px;margin:0 auto;display:grid;gap:1rem}
.iptx h2{font-size:clamp(1.8rem,4vw,2.8rem);color:var(--ink)}
.iptx h2 em{font-family:var(--font-it);font-style:italic;text-transform:none;color:var(--orange);font-weight:500}
.iptx h3{font-family:var(--font-d);text-transform:uppercase;font-size:1.05rem;letter-spacing:.02em;margin-top:1.2rem;color:var(--ink)}
.iptx p{color:var(--ink-2);font-size:.95rem;line-height:1.7}
.iptx ul{list-style:disc;padding-left:1.3rem;display:grid;gap:.45rem;color:var(--ink-2);font-size:.94rem}
.iptx li b{color:var(--ink)}
.iptx .meta{font-size:.8rem;color:var(--ink-3)}
.iptx hr{border:none;border-top:1px solid var(--line);margin:.8rem 0}

/* ===== Spotlight ===== */
.spot{position:fixed;inset:0;z-index:5;pointer-events:none;background:radial-gradient(340px circle at var(--x,50%) var(--y,50%),rgba(255,213,79,.12),transparent 60%)}
#wa-float{position:fixed;bottom:18px;right:18px;z-index:86;width:58px;height:58px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 12px 30px rgba(37,211,102,.4);transition:transform .2s var(--pop)}
#wa-float:hover{transform:scale(1.1) rotate(6deg)}
#wa-float svg{width:29px;height:29px;fill:#fff}

/* ===== Responsivo ===== */
@media(max-width:920px){
  .hero{padding:4.6rem 0 6.4rem}
  .h-arrow{width:40px;height:40px;font-size:1.15rem}
  .h-arrow.prev{left:.8rem}.h-arrow.next{right:.8rem}
  .h-dots{bottom:1rem}
  .why-grid{grid-template-columns:1fr}
  .why-sticky{position:static}
  .v-grid,.del,.rec-grid,.faq-wrap{grid-template-columns:1fr}
  .faq-side{position:static}
  .club-card{min-height:560px}
  .car-arrow{width:38px;height:38px;font-size:1.1rem}
  .v:nth-child(2){margin-top:0}
  .ft-grid{grid-template-columns:1fr;gap:1.8rem}
  .hbtn .lbl{display:none}
  .pcols{grid-template-columns:1fr}
  /* Abaixo de 420px o nome da marca quebrava em tres linhas e desalinhava a
     barra. Sem gap grande, fonte menor e sem a linha de apoio. */
  .hd-acts{gap:.4rem}
  .hbtn{padding:.55rem .8rem}
  .pgrid2{grid-template-columns:1fr}
}
@media (max-width:430px){
  .brand{gap:.5rem}
  .brand img{width:36px;height:36px}
  .brand b{font-size:.86rem;letter-spacing:.04em;white-space:nowrap}
  .brand small{display:none}
  .hd-acts{gap:.35rem}
  .hbtn{padding:.5rem .6rem;min-height:42px}
  .hbtn svg{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
  .hl1 .l i{transform:none}
  .topbar-track{animation:none}
  .h-slide{animation:none;transition:none}
}

/* ===== Ajustes do tema WordPress ===== */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ink);color:var(--paper);padding:.8rem 1.2rem;border-radius:0 0 10px 0;font-weight:700}
.skip-link:focus{left:0}
.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.k-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:1.6rem}
.k-add[disabled]{opacity:.5;cursor:not-allowed}
.cart-f .tots .row+.row{margin-top:.3rem}
.ipage-solo{max-width:min(820px,92vw)}
.ipage-solo .ip-body{margin-top:1.6rem}
.ipage-solo .ip-body h2{font-family:var(--font-d);text-transform:uppercase;font-size:1.5rem;margin-top:2rem}
.ipage-solo .ip-body h3{font-family:var(--font-d);text-transform:uppercase;font-size:1.15rem;margin-top:1.6rem}
.ipage-solo .ip-body p,.ipage-solo .ip-body li{color:var(--ink-2);margin-top:.7rem}
.ipage-solo .ip-body ul{list-style:disc;padding-left:1.3rem;margin-top:.6rem}
.ipage-solo .meta{margin-top:1.6rem;font-size:.85rem;color:var(--ink-3)}
.ipage-solo hr{margin-top:2rem;border:none;border-top:1px solid var(--line)}
/* Sem JS os cards precisam aparecer: o reveal só esconde quando o JS assume. */
.no-js .rv{opacity:1;transform:none}

/* As telas do WooCommerce moram em assets/css/loja.css (carregado só nelas). */

/* ---- Por que Império: caixa fechada -> aberta no hover ---- */
/* O fundo claro unifica as duas fotos (ambas em PNG recortado) e o object-fit
   contain evita cortar a caixa aberta, que é mais alta que larga. */
.why-visual.has-swap{background:linear-gradient(160deg,var(--paper-2),var(--card) 65%)}
.why-visual.has-swap::after{background:linear-gradient(180deg,transparent 55%,rgba(25,16,9,.42))}
.why-visual.has-swap .why-swap{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;display:block;z-index:3}
.why-visual.has-swap .why-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5% 6% 9%;
  opacity:0;transform:scale(.97);transition:opacity .5s var(--ease),transform .7s var(--ease)
}
.why-visual.has-swap .why-img.is-on{opacity:1;transform:scale(1)}
/* Sem backdrop-filter: neste layout ele cria uma camada de composicao que o
   navegador desenha como um borrao cinza gigante por cima da foto inteira. */
.why-swap-hint{
  position:absolute;right:.9rem;top:.9rem;left:auto;bottom:auto;width:auto;height:auto;max-width:none;z-index:4;display:inline-flex;align-items:center;gap:.45rem;
  padding:.42rem .75rem;border-radius:999px;background:rgba(25,16,9,.78);
  color:#fff;font-size:.76rem;letter-spacing:.02em;pointer-events:none;transition:opacity .3s ease
}
.why-swap-hint svg{width:15px;height:15px;flex:none}
.why-swap-hint i{font-style:normal;white-space:nowrap}
.why-visual.has-swap .why-swap:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:20px}
/* Hover só onde existe ponteiro de verdade; no toque o clique resolve. */
@media (hover:hover) and (pointer:fine){
  .why-swap-hint{opacity:.9}
  .why-visual.has-swap:hover .why-img-a{opacity:0;transform:scale(1.03)}
  .why-visual.has-swap:hover .why-img-b{opacity:1;transform:scale(1)}
  .why-visual.has-swap:hover .why-swap-hint{opacity:0}
  .why-visual.has-swap:hover > span{opacity:0}
}
@media (hover:none){
  .why-swap-hint i::after{content:""}
}
.why-visual.has-swap > span{transition:opacity .3s ease}
@media (prefers-reduced-motion:reduce){
  .why-visual.has-swap .why-img{transition:opacity .01s linear;transform:none}
}

/* ---- Banner de cookies (CookieAdmin) no celular ----
   O plugin empilha os tres botoes em coluna e o aviso chega a ocupar metade da
   tela, cobrindo produto e carrinho. Aqui ele vira uma faixa compacta. */
@media (max-width:600px){
  .cookieadmin_law_container.cookieadmin_footer{max-height:44vh;overflow-y:auto}
  .cookieadmin_law_container .cookieadmin_consent_inside{padding:.9rem 1rem}
  .cookieadmin_law_container .cookieadmin_notice_con{font-size:.82rem;line-height:1.45}
  .cookieadmin_law_container .cookieadmin_consent_btns{
    display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin-top:.7rem
  }
  .cookieadmin_law_container .cookieadmin_consent_btns .cookieadmin_btn{
    flex:1 1 calc(50% - .25rem);width:auto;margin:0;min-height:42px;
    font-size:.84rem;padding:.5rem .4rem;display:grid;place-items:center;text-align:center
  }
  .cookieadmin_law_container .cookieadmin_consent_btns .cookieadmin_accept_btn{flex-basis:100%}
}

/* ---- Preço em dois modos: compra única e assinatura ---- */
.prc{margin:.9rem 0 1rem;display:grid;gap:.35rem}
.prc-linha{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}
.prc-rot{display:inline-flex;align-items:center;gap:.32rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.prc-rot svg{width:13px;height:13px;flex:none}
.prc-val{font-family:var(--font-d);font-size:1.9rem;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.prc-clube{padding-top:.35rem;border-top:1px dashed var(--line)}
.prc-clube .prc-rot{color:var(--orange-d)}
.prc-clube .prc-val{font-size:1.35rem;color:var(--orange-d)}
.prc-consulta{font-family:var(--font-d);font-size:1.3rem;color:var(--ink-2)}
/* Vitrine: cartão mais estreito pede tipografia menor */
.prc--sm{margin:.5rem 0 .9rem;gap:.25rem}
.prc--sm .prc-val{font-size:1.35rem}
.prc--sm .prc-clube .prc-val{font-size:1.05rem}
.prc--sm .prc-rot{font-size:.66rem;letter-spacing:.08em}
.prc-nota{margin-top:.2rem;font-size:.85rem;color:var(--ink-3);line-height:1.55;max-width:52ch}
.prc-link{color:var(--wa-d);font-weight:700;border-bottom:1.5px solid currentColor}
.prc-link:hover{color:var(--wa)}
@media (max-width:430px){
  .prc-val{font-size:1.6rem}
  .prc-clube .prc-val{font-size:1.2rem}
}

/* Ação secundária do card: assinar. Fica visualmente abaixo do botão
   principal de propósito — a compra única é o negócio, a assinatura é a
   alternativa para quem quer. */
.k-sub{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.5rem;padding:.62rem .9rem;border-radius:999px;border:1.5px solid var(--ink-3,#9a8f80);background:transparent;color:var(--ink,#1B1209);font-weight:700;font-size:.82rem;text-decoration:none;transition:background .18s var(--ease,ease),border-color .18s var(--ease,ease)}
.k-sub svg{width:15px;height:15px;flex:none}
.k-sub:hover,.k-sub:focus-visible{background:var(--ink,#1B1209);border-color:var(--ink,#1B1209);color:var(--paper,#F6EFDF)}