/* EnlevaAgro · camada de efeitos e transições dos produtos (padrão da página de referência do Front).
   Usa as cores de cada produto (--gold, --line, --bg...) e as cores do Método por etapa. */
:root{--fx-g:var(--gold);--fx-g2:var(--gold2,var(--goldt,#E3BD6A));--fx-s:var(--surface,var(--card,#1C2415))}
@property --c{syntax:'<color>';inherits:true;initial-value:#F5B942}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
.skip{position:absolute;left:-999px;top:8px;background:var(--fx-g);color:var(--bg);padding:8px 14px;border-radius:99px;z-index:60;font-size:14px}
.skip:focus{left:12px}

/* divisórias suaves + grão sutil */
section{position:relative;border-top:0}
section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fx-g) 55%,transparent) 50%,transparent)}
section:first-of-type::before{display:none}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.05;mix-blend-mode:overlay;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* barra de progresso de leitura */
#bar{position:fixed;top:0;left:0;right:0;height:2px;z-index:40;background:linear-gradient(90deg,var(--fx-g),var(--fx-g2));transform:scaleX(0);transform-origin:0 50%}

/* menu com pílula deslizante */
nav#nav{position:sticky}
nav#nav a{position:relative;z-index:1;transition:color .25s}
.pill{position:absolute;z-index:0;left:0;border-radius:99px;background:var(--fx-g);transition:transform .35s cubic-bezier(.3,.7,.2,1),width .35s cubic-bezier(.3,.7,.2,1),opacity .2s;pointer-events:none}
.js nav#nav a.on,.js nav#nav a:hover{background:none}
.js nav#nav a:hover{color:var(--fx-g2)}
.js nav#nav a.on,.js nav#nav a.on:hover{color:var(--bg)}
nav#nav a.cta{margin-left:auto;position:sticky;right:0;border:1px solid var(--fx-g);color:var(--fx-g2);background:var(--bg)}
nav#nav a.cta:hover,nav#nav a.cta.on,.js nav#nav a.cta.on,.js nav#nav a.cta:hover{background:var(--fx-g);color:var(--bg)}

/* hero: título palavra por palavra */
.hero h1 .wd{display:inline-block}
@media (prefers-reduced-motion:no-preference){
 .hero h1 .wd{opacity:0;transform:translateY(.45em);animation:fxwd .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i)*70ms + 120ms)}
 @keyframes fxwd{to{opacity:1;transform:none}}
 .brand::after{animation:fxsheen 7s ease-in-out infinite}
 @keyframes fxsheen{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
 .seg{transition:width 1.1s cubic-bezier(.2,.7,.2,1),opacity .3s}
 .faq-i[open] .fa{animation:fxli .35s ease-out}
 .rv.pre .cnt{opacity:0;transform:translateY(10px)}
 .cnt{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
 .wa-float::before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:fxwa 3s ease-out 2s 2;pointer-events:none}
 @keyframes fxwa{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}
}

/* brilho que acompanha o mouse */
.spot{position:relative;overflow:hidden}
.spot::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--fx-g2) 14%,transparent),transparent 62%)}
.spot:hover::after{opacity:1}

/* carga horária: barra proporcional */
.split.bar,.splitbar{display:flex;height:14px;border-radius:99px;overflow:hidden;background:var(--fx-s);border:1px solid var(--line);margin-bottom:22px;grid-template-columns:none}
.seg{width:calc(var(--w)*1%);flex:none}
.seg.s1{background:var(--fx-g)}.seg.s2{background:var(--fx-g2)}.seg.s3{background:color-mix(in srgb,var(--fx-g) 70%,#fff)}.seg.s4{background:color-mix(in srgb,var(--fx-g2) 60%,#fff)}
.seg+.seg{margin-left:2px}
.splitbar.hasact .seg{opacity:.35}.splitbar.hasact .seg.act{opacity:1}
.pre .seg,.sub.pre .seg{width:0}

/* ementa / grade recolhível */
.grade{border:1px solid var(--line);border-radius:14px;background:var(--fx-s);overflow:hidden}
.grade summary,.faq-i summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;padding:18px 22px}
.grade summary::-webkit-details-marker,.faq-i summary::-webkit-details-marker{display:none}
.grade summary span{font-weight:600}
.grade summary small{color:var(--mut);font-size:13px}
.grade summary::after,.faq-i summary::after{content:'+';margin-left:auto;font-family:var(--serif);font-size:28px;line-height:1;color:var(--fx-g2);transition:transform .3s}
.grade[open] summary::after,.faq-i[open] summary::after{transform:rotate(45deg)}
.grade .timeline{border-top:1px solid var(--line);padding:6px 18px 10px}

/* dúvidas frequentes (mesmo padrão) */
.faqs{display:grid;gap:10px}
.faq-i{background:var(--fx-s);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.faq-i summary{font-weight:600;font-size:14.5px;padding:10px 20px}
.faq-i[open]{border-color:var(--fx-g)}
.faq-i .fa{padding:0 20px 16px;color:var(--mut);font-size:15px;max-width:68ch}
.faq-i .fa p{margin:0}

/* botões, aviso, CTA fixo */
.btn,.btn.o{transition:transform .2s ease-out,filter .2s,background .2s}
#toast{position:fixed;left:50%;bottom:26px;z-index:60;transform:translate(-50%,24px);opacity:0;background:var(--fx-g2);color:var(--bg);font-weight:600;font-size:14px;padding:11px 20px;border-radius:99px;pointer-events:none;transition:opacity .25s,transform .25s}
#toast.on{opacity:1;transform:translate(-50%,0)}
.scta{display:none}
@media (max-width:820px){
 .scta{display:block;position:fixed;left:16px;right:16px;bottom:14px;z-index:45;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.55);transform:translateY(160%);transition:transform .35s ease}
 .scta.show{transform:none}
 body{padding-bottom:78px}
 .wa-float{bottom:78px!important}
}

/* brilho do lockup final */
.brand{overflow:hidden;position:relative}
.brand::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,244,214,.28) 50%,transparent 60%);transform:translateX(-120%)}

/* WhatsApp flutuante: dica ao passar o mouse */
.wa-float .tip{position:absolute;right:68px;white-space:nowrap;background:var(--fx-s);color:var(--ink);border:1px solid var(--line);font-size:13px;font-weight:500;padding:7px 12px;border-radius:99px;opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .2s,transform .2s}
.wa-float:hover .tip,.wa-float:focus-visible .tip{opacity:1;transform:none}
@media (max-width:820px){.wa-float .tip{display:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}