:root{
  --bg:#050705;--panel:#0B100C;--deep:#102218;--olive:#566B3F;--gold:#C8A45D;--gold2:#E0C27A;--brown:#3A2B1F;--text:#F3EBDD;--muted:#B8AA93;--line:rgba(200,164,93,.24);--line2:rgba(224,194,122,.42);--radius:18px;--serif:"Cormorant Garamond",serif;--sans:"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}.ambient{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 64% 16%,rgba(200,164,93,.22),transparent 29%),radial-gradient(circle at 22% 42%,rgba(16,34,24,.8),transparent 38%),linear-gradient(115deg,#030403,#07130d 45%,#020302);}.ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(200,164,93,.035) 1px,transparent 1px),linear-gradient(rgba(200,164,93,.025) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 85%)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:84px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(200,164,93,.16);background:rgba(5,7,5,.46);backdrop-filter:blur(18px);transition:.35s}.site-header.scrolled{height:72px;background:rgba(5,7,5,.88)}.brand{display:flex;align-items:center;gap:14px}.brand img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:1px solid var(--line2);box-shadow:0 0 28px rgba(200,164,93,.18)}.brand strong{display:block;font-family:var(--serif);font-size:25px;line-height:.95;color:var(--gold2);letter-spacing:.03em}.brand small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-top:6px}.desktop-nav{display:flex;gap:30px;align-items:center;text-transform:uppercase;font-size:13px;font-weight:700}.desktop-nav a{color:#eee8dd;opacity:.88;position:relative;padding:32px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:2px;background:var(--gold);transform:scaleX(0);transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--gold2);opacity:1}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.header-actions{display:flex;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:13px 22px;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.02em;border:1px solid var(--line);transition:.28s cubic-bezier(.2,.8,.2,1);cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,#f0ca76,#c69238);color:#140d04;border-color:transparent;box-shadow:0 12px 32px rgba(200,164,93,.18),inset 0 1px rgba(255,255,255,.45)}.btn-ghost,.btn-play{background:rgba(6,12,8,.56);color:var(--text);border-color:rgba(200,164,93,.44);backdrop-filter:blur(12px)}.btn-large{height:56px;padding:0 28px}.play{width:30px;height:30px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:11px}.hero{min-height:100vh;padding:126px 46px 70px;display:grid;grid-template-columns:minmax(0,52%) minmax(420px,48%);align-items:center;gap:10px;position:relative;max-width:1600px;margin:0 auto}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,5,.85) 0%,rgba(5,7,5,.45) 50%,rgba(5,7,5,.75) 100%);z-index:-1}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:7px 12px;border:1px solid rgba(200,164,93,.26);border-radius:999px;background:rgba(200,164,93,.05);margin-bottom:18px}.hero h1{font-family:var(--serif);font-size:clamp(54px,5.8vw,94px);line-height:.88;margin:0;max-width:780px;font-weight:700;letter-spacing:-.035em;text-shadow:0 20px 80px rgba(0,0,0,.55)}.hero h1 em{font-style:normal;color:var(--gold2);text-shadow:0 0 28px rgba(224,194,122,.18)}.hero-copy p{font-size:18px;line-height:1.55;color:#e7dcca;max-width:600px;margin:24px 0 28px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px;max-width:700px}.trust-row article{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}.trust-row i{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;color:var(--gold2);border:1px solid var(--line);border-radius:50%;font-style:normal;font-size:20px;background:rgba(16,34,24,.35)}.trust-row strong{font-size:13px;color:var(--gold2);text-transform:uppercase}.trust-row span{font-size:12px;color:var(--muted)}.hero-visual{position:relative;height:min(680px,70vh);display:grid;place-items:center}.paola{position:relative;z-index:2;height:96%;max-width:650px;object-fit:cover;object-position:center 18%;border-radius:42% 42% 24px 24px;filter:drop-shadow(0 38px 75px rgba(0,0,0,.65));mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}.sacred-ring{position:absolute;z-index:1;width:min(630px,88%);aspect-ratio:1;border-radius:50%;border:1px solid rgba(224,194,122,.35);box-shadow:0 0 90px rgba(200,164,93,.16),inset 0 0 80px rgba(200,164,93,.06);background:radial-gradient(circle,transparent 48%,rgba(200,164,93,.12) 49%,transparent 50%),repeating-conic-gradient(from 12deg,rgba(224,194,122,.28) 0 1deg,transparent 1deg 15deg);animation:slowSpin 70s linear infinite}.sacred-ring:after{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(200,164,93,.18)}@keyframes slowSpin{to{transform:rotate(360deg)}}.quote-card{position:absolute;right:12px;top:22%;z-index:4;width:270px;padding:24px;border:1px solid rgba(200,164,93,.34);background:rgba(7,15,10,.62);backdrop-filter:blur(16px);border-radius:var(--radius);box-shadow:0 24px 80px rgba(0,0,0,.38)}.quote-card b{font-family:var(--serif);font-size:58px;line-height:.55;color:var(--gold2)}.quote-card p{font-family:var(--serif);font-size:22px;line-height:1.25;margin:14px 0;color:var(--text)}.quote-card span{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--gold2)}.moment-section{max-width:1500px;margin:-54px auto 0;padding:0 40px;position:relative;z-index:6}.moment-box{border:1px solid rgba(200,164,93,.28);background:linear-gradient(180deg,rgba(11,16,12,.86),rgba(7,12,9,.78));backdrop-filter:blur(18px);border-radius:var(--radius);display:grid;grid-template-columns:220px 1fr auto;gap:20px;align-items:center;padding:16px 22px;box-shadow:0 26px 90px rgba(0,0,0,.45)}.moment-title h2{font-family:var(--serif);color:var(--gold2);font-size:24px;line-height:1;margin:0 0 8px}.moment-title p{font-size:13px;color:var(--muted);margin:0}.moment-options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.moment-options a{min-height:70px;border:1px solid rgba(200,164,93,.16);border-radius:12px;background:rgba(7,15,10,.55);display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:14px;color:#f1eadc}.moment-options i{font-style:normal;font-size:28px;color:var(--gold2)}.section-pad{padding:70px 40px 0}.split-catalog{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:40% 60%;gap:34px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-head span{font-family:var(--serif);font-size:25px;color:var(--gold2);text-transform:uppercase}.section-head h2{font-size:13px;color:var(--muted);font-weight:500;margin:4px 0 0}.track-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.content-card,.product-card{border:1px solid rgba(200,164,93,.22);border-radius:12px;background:linear-gradient(180deg,rgba(14,22,15,.85),rgba(4,8,5,.9));box-shadow:0 20px 58px rgba(0,0,0,.3);overflow:hidden;transition:.32s}.content-card:hover,.product-card:hover{transform:translateY(-5px);border-color:rgba(224,194,122,.52);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 34px rgba(200,164,93,.10)}.content-card{padding:10px 10px 14px;min-height:208px}.card-art,.product-img{border-radius:9px;border:1px solid rgba(255,255,255,.06);background:var(--visual);height:84px;margin-bottom:14px;display:grid;place-items:center;color:var(--gold2);font-size:35px;position:relative;overflow:hidden}.card-art:before,.product-img:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(224,194,122,.35),transparent 34%)}.brain{--visual:linear-gradient(135deg,#112d19,#345428)}.wave{--visual:linear-gradient(135deg,#09232a,#1b6370)}.eclipse{--visual:linear-gradient(135deg,#160e08,#8b5e1e)}.heart{--visual:linear-gradient(135deg,#231025,#75365c)}.lotus{--visual:linear-gradient(135deg,#112717,#587b43)}.card-art:after{position:relative;z-index:2}.brain:after{content:"♙"}.wave:after{content:"≋"}.eclipse:after{content:"○"}.heart:after{content:"♡"}.lotus:after{content:"✺"}.content-card h3,.product-card h3{font-size:14px;line-height:1.12;text-transform:uppercase;margin:0 0 10px}.content-card p,.product-card p{font-size:12px;line-height:1.45;color:var(--muted);margin:0}.content-card a{margin-top:14px;display:inline-flex;color:var(--gold2);font-size:11px;text-transform:uppercase;font-weight:800}.product-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.product-card{padding:0 0 14px;min-height:268px}.product-img{height:118px;border-radius:12px 12px 0 0;margin-bottom:12px}.dawn{--visual:linear-gradient(135deg,#11161a,#a98039)}.path{--visual:linear-gradient(135deg,#07140f,#365548)}.quantum{--visual:linear-gradient(135deg,#180f08,#966525)}.book{--visual:linear-gradient(135deg,#102719,#755e34)}.audio{--visual:linear-gradient(135deg,#09090a,#493723)}.product-card small,.product-card h3,.product-card p,.product-card strong{display:block;margin-left:14px;margin-right:14px}.product-card small{font-size:10px;color:var(--gold2);text-transform:uppercase;margin-bottom:8px}.product-card strong{color:var(--gold2);margin-top:14px}.benefits{max-width:1500px;margin:12px auto 0;padding:14px 28px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;border:1px solid rgba(200,164,93,.22);background:rgba(9,17,11,.72);border-radius:var(--radius)}.benefits article{display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:8px}.benefits i{grid-row:1/3;color:var(--gold2);font-style:normal;font-size:30px}.benefits strong{color:var(--gold2);font-size:13px;text-transform:uppercase}.benefits span{font-size:12px;color:var(--muted)}.about-leads{max-width:1500px;margin:10px auto 0;padding:0 40px;display:grid;grid-template-columns:40% 60%;gap:0}.about-card,.lead-card,.sos-section{border:1px solid rgba(200,164,93,.22);background:linear-gradient(135deg,rgba(14,24,15,.82),rgba(5,8,5,.86));border-radius:var(--radius);padding:22px}.about-card{display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:center}.about-card img{width:130px;height:130px;object-fit:cover;border-radius:50%;border:1px solid rgba(224,194,122,.45)}.about-card span,.lead-card span,.sos-section span{color:var(--gold2);font-family:var(--serif);font-size:22px;text-transform:uppercase}.about-card h2,.lead-card h2,.sos-section h2{font-family:var(--serif);font-size:25px;line-height:1.05;margin:4px 0 8px}.about-card p,.lead-card p,.sos-section p{font-size:13px;color:var(--muted);line-height:1.55}.lead-card{display:grid;grid-template-columns:1fr 180px;align-items:center}.lead-card form{display:flex;gap:10px;margin-top:14px}.lead-card input{height:46px;flex:1;min-width:0;border-radius:9px;border:1px solid rgba(200,164,93,.28);background:rgba(0,0,0,.22);color:var(--text);padding:0 16px;outline:none}.lead-card small{display:block;color:#8f826d;margin-top:9px}.seal{width:150px;height:150px;border-radius:50%;border:1px solid rgba(200,164,93,.24);justify-self:center;background:repeating-conic-gradient(from 0deg,rgba(200,164,93,.32) 0 2deg,transparent 2deg 14deg);box-shadow:0 0 50px rgba(200,164,93,.08)}.sos-section{max-width:1500px;margin:12px auto 0;display:flex;justify-content:space-between;align-items:center}.sos-section div{max-width:720px}.btn-whatsapp{background:rgba(17,88,37,.55);border-color:rgba(135,255,155,.35);color:#dfffe4}.footer{max-width:1500px;margin:0 auto;padding:32px 40px 76px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:46px;color:var(--muted)}.footer img{width:82px;height:82px;border-radius:50%;object-fit:cover}.footer strong{display:block;font-family:var(--serif);font-size:28px;color:var(--gold2);margin-top:8px}.footer p,.footer a{font-size:13px;line-height:1.5}.footer h4{color:var(--gold2);text-transform:uppercase;font-size:13px}.footer a{display:block;margin:6px 0}.mobile-bottom{display:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1180px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:110px}.hero-visual{order:-1;height:520px}.quote-card{right:4%;top:55%}.split-catalog,.about-leads{grid-template-columns:1fr}.track-grid,.product-row{grid-template-columns:repeat(3,1fr)}.moment-box{grid-template-columns:1fr}.moment-options{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{height:70px;padding:0 16px}.brand img{width:48px;height:48px}.brand strong{font-size:18px}.brand small,.header-actions{display:none}.hero{min-height:auto;padding:90px 18px 38px}.hero h1{font-size:48px}.hero-copy p{font-size:15px}.hero-actions{flex-direction:column}.btn-large{width:100%}.trust-row{grid-template-columns:1fr 1fr}.hero-visual{height:430px}.paola{height:94%;border-radius:32px}.sacred-ring{width:360px}.quote-card{position:relative;right:auto;top:auto;width:100%;margin-top:-30px}.moment-section,.section-pad,.about-leads{padding-left:14px;padding-right:14px}.moment-section{margin-top:0}.moment-options,.track-grid,.product-row,.benefits{grid-template-columns:1fr}.about-card{grid-template-columns:1fr}.lead-card{grid-template-columns:1fr}.seal{display:none}.sos-section{margin-left:14px;margin-right:14px;flex-direction:column;align-items:flex-start;gap:16px}.footer{grid-template-columns:1fr;padding:32px 18px 92px}.mobile-bottom{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;background:rgba(5,7,5,.88);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:16px;overflow:hidden}.mobile-bottom a{flex:1;text-align:center;padding:12px 4px;color:var(--muted);font-size:12px}.mobile-bottom a:nth-child(3){color:var(--gold2)}}


/* Multi-page extension */
.page-hero{min-height:82vh;padding:126px 46px 70px;display:grid;grid-template-columns:minmax(0,52%) minmax(360px,48%);align-items:center;gap:22px;max-width:1500px;margin:0 auto;position:relative}.page-copy h1{font-family:var(--serif);font-size:clamp(50px,5.2vw,86px);line-height:.9;margin:0;max-width:800px;letter-spacing:-.035em}.page-copy p{font-size:18px;line-height:1.58;color:#e7dcca;max-width:650px;margin:24px 0 28px}.page-orb{height:620px;position:relative;display:grid;place-items:center}.page-orb img{position:relative;z-index:2;height:86%;max-width:520px;object-fit:cover;border-radius:40px;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);filter:drop-shadow(0 38px 75px rgba(0,0,0,.65))}.compact-hero{grid-template-columns:1fr;min-height:64vh}.filter-panel{max-width:1500px;margin:-40px auto 40px;padding:28px;border:1px solid rgba(200,164,93,.25);background:linear-gradient(180deg,rgba(11,16,12,.9),rgba(7,12,9,.78));border-radius:var(--radius);display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:center;box-shadow:0 26px 90px rgba(0,0,0,.38)}.filter-panel h2{font-family:var(--serif);font-size:34px;line-height:1;margin:0 0 8px;color:var(--gold2)}.filter-panel p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.filter-tags{display:flex;gap:10px;flex-wrap:wrap}.filter-tags button{border:1px solid rgba(200,164,93,.32);background:rgba(5,7,5,.45);color:var(--text);border-radius:999px;padding:11px 16px;cursor:pointer;transition:.25s}.filter-tags button:hover{transform:translateY(-2px);color:var(--gold2);border-color:var(--gold)}.tracks-page-grid{max-width:1500px;margin:0 auto;padding:0 40px 30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.journey-card{min-height:355px;border:1px solid rgba(200,164,93,.24);border-radius:var(--radius);padding:22px;background:linear-gradient(to top,rgba(5,7,5,.92),rgba(5,7,5,.16)),radial-gradient(circle at 70% 18%,rgba(224,194,122,.28),transparent 30%),linear-gradient(135deg,#102218,#050705 62%,#3a2b1f);box-shadow:0 22px 70px rgba(0,0,0,.38);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:.32s}.journey-card:nth-child(2){background:linear-gradient(to top,rgba(5,7,5,.92),rgba(5,7,5,.12)),radial-gradient(circle at 62% 22%,rgba(33,125,117,.32),transparent 32%),linear-gradient(135deg,#061011,#102218 60%,#0a2925)}.journey-card:nth-child(3){background:linear-gradient(to top,rgba(5,7,5,.92),rgba(5,7,5,.12)),radial-gradient(circle at 72% 20%,rgba(224,194,122,.36),transparent 30%),linear-gradient(135deg,#150d07,#4a3116 60%,#050705)}.journey-card:nth-child(4){background:linear-gradient(to top,rgba(5,7,5,.92),rgba(5,7,5,.12)),radial-gradient(circle at 70% 20%,rgba(160,77,120,.36),transparent 32%),linear-gradient(135deg,#130912,#2b1326 60%,#050705)}.journey-card:nth-child(7){background:linear-gradient(to top,rgba(5,7,5,.92),rgba(5,7,5,.12)),radial-gradient(circle at 80% 20%,rgba(224,194,122,.30),transparent 32%),linear-gradient(135deg,#07110e,#1d2a2c 55%,#17120d)}.journey-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-120%);transition:.55s}.journey-card:hover{transform:translateY(-6px);border-color:rgba(224,194,122,.55);box-shadow:0 32px 90px rgba(0,0,0,.52),0 0 42px rgba(200,164,93,.12)}.journey-card:hover:before{transform:translateX(120%)}.journey-card span{position:relative;color:var(--gold2);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.journey-card h3{position:relative;font-family:var(--serif);font-size:32px;line-height:.98;margin:12px 0 10px;color:var(--text)}.journey-card p{position:relative;margin:0;color:var(--muted);font-size:14px;line-height:1.55}.mini-link{position:relative;margin-top:22px;color:var(--gold2);font-size:12px;text-transform:uppercase;font-weight:800}.immersive-quote,.placeholder-panel{max-width:1500px;margin:20px auto 0;padding:56px 40px;border:1px solid rgba(200,164,93,.22);border-radius:var(--radius);background:radial-gradient(circle at 72% 30%,rgba(200,164,93,.16),transparent 32%),linear-gradient(135deg,rgba(16,34,24,.85),rgba(5,7,5,.92));text-align:center}.immersive-quote h2,.placeholder-panel h2{font-family:var(--serif);font-size:clamp(38px,4vw,64px);line-height:.98;margin:0 auto 14px;max-width:940px;color:var(--gold2)}.immersive-quote p,.placeholder-panel p{max-width:680px;margin:0 auto 24px;color:var(--muted);line-height:1.6}
@media(max-width:1180px){.page-hero{grid-template-columns:1fr}.page-orb{height:460px;order:-1}.filter-panel{grid-template-columns:1fr}.tracks-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.page-hero{min-height:auto;padding:92px 18px 38px}.page-copy h1{font-size:46px}.page-copy p{font-size:15px}.page-orb{height:360px}.filter-panel{margin:0 14px 24px;padding:20px}.tracks-page-grid{grid-template-columns:1fr;padding:0 14px}.journey-card{min-height:300px}.immersive-quote,.placeholder-panel{margin:18px 14px 0;padding:34px 18px}}


/* V3 - functional pages and clickable states */
.vertical{display:block}.vertical h2{max-width:760px}.catalog-page{max-width:1500px;margin:24px auto 0;padding:48px 40px;border:1px solid rgba(200,164,93,.18);border-radius:var(--radius);background:linear-gradient(135deg,rgba(10,18,12,.58),rgba(5,7,5,.72))}.catalog-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.product-card .mini-link{display:inline-flex;margin:14px 14px 0}.support-grid{max-width:1500px;margin:24px auto 0;padding:0 40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.support-grid article{min-height:230px;border:1px solid rgba(200,164,93,.22);border-radius:var(--radius);padding:24px;background:radial-gradient(circle at 78% 18%,rgba(224,194,122,.18),transparent 32%),linear-gradient(180deg,rgba(14,22,15,.82),rgba(4,8,5,.9));box-shadow:0 20px 60px rgba(0,0,0,.32)}.support-grid i{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 10px;border-radius:50%;border:1px solid rgba(200,164,93,.32);color:var(--gold2);font-style:normal;font-weight:800;margin-bottom:18px;background:rgba(200,164,93,.07)}.support-grid h3{font-family:var(--serif);font-size:30px;line-height:1;margin:0 0 10px;color:var(--text)}.support-grid p{color:var(--muted);line-height:1.55;margin:0 0 18px}.support-grid a{color:var(--gold2);text-transform:uppercase;font-size:12px;font-weight:800}.sos-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.page-about{display:block}.about-wide{grid-template-columns:260px 1fr;max-width:1100px;margin:0 auto}.about-wide img{width:260px;height:260px;border-radius:28px}.video-placeholder{min-height:360px;display:grid;place-items:center;text-align:center;border-radius:var(--radius);background:radial-gradient(circle at 50% 35%,rgba(224,194,122,.22),transparent 34%),linear-gradient(135deg,#07130d,#050705);border:1px solid rgba(200,164,93,.22);padding:40px}.video-placeholder span{font-family:var(--serif);font-size:24px;color:var(--gold2);text-transform:uppercase}.video-placeholder h2{font-family:var(--serif);font-size:clamp(34px,4vw,56px);line-height:1;margin:10px auto;max-width:800px}.video-placeholder p{color:var(--muted);max-width:620px}.credentials-grid{padding-bottom:34px}.faq-list{display:grid;gap:12px;margin-top:22px}.faq-list details{border:1px solid rgba(200,164,93,.22);border-radius:14px;background:rgba(5,7,5,.42);padding:18px 20px}.faq-list summary{cursor:pointer;color:var(--gold2);font-weight:800}.faq-list p{color:var(--muted);line-height:1.55}.desktop-nav a[href],.footer a[href],.content-card a[href],.product-card a[href],.support-grid a[href],.mini-link[href]{cursor:pointer}.desktop-nav a[href]:hover,.footer a[href]:hover,.content-card a[href]:hover,.product-card a[href]:hover,.support-grid a[href]:hover{color:var(--gold2)}
@media(max-width:1180px){.catalog-cards,.support-grid,.sos-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-wide{grid-template-columns:1fr}.about-wide img{width:190px;height:190px}}
@media(max-width:720px){.catalog-page{margin:18px 14px 0;padding:30px 18px}.catalog-cards,.support-grid,.sos-choice-grid{grid-template-columns:1fr}.support-grid{padding:0 14px}.support-grid article{min-height:auto}.about-wide img{width:100%;height:300px;border-radius:20px}.video-placeholder{min-height:300px;padding:28px 18px}}

/* V4 — Home sunset hero refinement */
.hero{
  max-width:none;
  width:100%;
  overflow:hidden;
  grid-template-columns:minmax(0,48%) minmax(520px,52%);
  gap:0;
  padding-left:clamp(38px,7vw,120px);
  padding-right:clamp(28px,5vw,86px);
  background:
    radial-gradient(circle at 72% 46%, rgba(224,194,122,.18), transparent 36%),
    radial-gradient(circle at 92% 22%, rgba(200,164,93,.12), transparent 22%),
    linear-gradient(90deg, rgba(5,7,5,.98) 0%, rgba(5,7,5,.86) 38%, rgba(5,7,5,.52) 62%, rgba(5,7,5,.72) 100%);
}
.hero:before{
  background:
    linear-gradient(90deg, rgba(5,7,5,.88) 0%, rgba(5,7,5,.74) 38%, rgba(5,7,5,.28) 63%, rgba(5,7,5,.18) 100%),
    radial-gradient(circle at 82% 52%, rgba(255,176,59,.18), transparent 34%);
  z-index:0;
}
.hero-copy,.hero-visual{position:relative;z-index:2;}
.hero-title{
  font-family:var(--serif);
  font-size:clamp(62px,7.2vw,124px);
  line-height:1.02;
  margin:0;
  max-width:820px;
  font-weight:700;
  letter-spacing:-.045em;
  text-shadow:0 24px 90px rgba(0,0,0,.62);
}
.hero-title span,.hero-title em{display:block;}
.hero-title em{
  font-style:normal;
  color:var(--gold2);
  line-height:1.12;
  padding-top:.04em;
  padding-bottom:.05em;
  text-shadow:0 0 30px rgba(224,194,122,.2),0 18px 70px rgba(0,0,0,.58);
}
.hero-copy p{
  max-width:660px;
  border-left:2px solid var(--gold);
  padding-left:20px;
  color:#f0e7d9;
}
.hero-visual-sunset{
  height:min(780px,82vh);
  justify-content:end;
  align-items:center;
  overflow:visible;
}
.hero-scene{
  position:relative;
  width:min(820px,100%);
  height:100%;
  border-radius:46px 0 0 46px;
  background:
    linear-gradient(90deg, rgba(5,7,5,.82) 0%, rgba(5,7,5,.22) 20%, rgba(5,7,5,0) 48%),
    linear-gradient(to bottom, rgba(5,7,5,0) 70%, rgba(5,7,5,.72) 100%),
    url('assets/hero-paola-sunset.png') center center / cover no-repeat;
  filter:drop-shadow(0 34px 90px rgba(0,0,0,.56));
  mask-image:linear-gradient(to bottom,#000 83%,transparent 100%);
}
.hero-scene:before{
  content:"";
  position:absolute;
  inset:-8% -6% -2% -22%;
  background:
    radial-gradient(circle at 63% 34%, rgba(255,188,73,.30), transparent 25%),
    radial-gradient(circle at 82% 52%, rgba(224,194,122,.16), transparent 30%),
    linear-gradient(100deg, rgba(5,7,5,.58), transparent 45%);
  pointer-events:none;
  mix-blend-mode:screen;
}
.hero-scene:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(5,7,5,.74) 0%, transparent 28%, transparent 78%, rgba(5,7,5,.18) 100%);
  pointer-events:none;
}
.trust-row{position:relative;z-index:3;}
@media(max-width:1180px){
  .hero{grid-template-columns:1fr;padding-left:34px;padding-right:34px;}
  .hero-visual-sunset{order:-1;height:520px;justify-content:center;}
  .hero-scene{width:100%;border-radius:34px;}
  .hero-title{font-size:clamp(58px,10vw,96px);}
}
@media(max-width:720px){
  .hero{padding:88px 18px 38px;background:linear-gradient(180deg,rgba(5,7,5,.95),rgba(5,7,5,.84));}
  .hero-visual-sunset{height:380px;margin-bottom:18px;}
  .hero-scene{border-radius:28px;width:100%;}
  .hero-title{font-size:48px;line-height:1.04;letter-spacing:-.035em;}
  .hero-title em{line-height:1.14;padding-top:.06em;padding-bottom:.06em;}
  .hero-copy p{padding-left:14px;margin-top:18px;}
}


/* V7 correction: Hero visual uses clean cropped scene only — Paola + sunset + mandala. Header/logo/pages preserved from V4. */


.hero-right{
display:flex !important;
justify-content:center;
align-items:center;
position:relative;
z-index:5;
}

.hero-right img{
display:block !important;
width:100% !important;
max-width:900px !important;
height:auto !important;
object-fit:cover !important;
border-radius:28px;
box-shadow:0 0 80px rgba(201,151,60,.18);
opacity:1 !important;
visibility:visible !important;
}



/* V9 AUDIT FIX — HOME HERO
   Correction: the HOME now uses a real IMG element for the Paola + sunset + mandala artwork.
   This prevents the right-side Hero image from disappearing due to CSS background/path issues.
*/

.hero-visual-sunset{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  height:min(780px,82vh) !important;
  overflow:visible !important;
  position:relative !important;
  z-index:2 !important;
}

.hero-main-image{
  display:block !important;
  width:min(920px,100%) !important;
  height:min(780px,82vh) !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:46px 0 0 46px !important;
  box-shadow:0 34px 90px rgba(0,0,0,.56), 0 0 80px rgba(201,151,60,.16) !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:saturate(1.05) contrast(1.02) !important;
  mask-image:linear-gradient(to bottom,#000 85%,transparent 100%) !important;
  -webkit-mask-image:linear-gradient(to bottom,#000 85%,transparent 100%) !important;
}

.hero-visual-sunset::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(5,7,5,.88) 0%, rgba(5,7,5,.24) 28%, transparent 58%);
  z-index:3;
  pointer-events:none;
}

.hero-visual-sunset .hero-main-image{
  position:relative;
  z-index:1;
}

@media(max-width:1180px){
  .hero-main-image{
    width:100% !important;
    height:420px !important;
    border-radius:28px !important;
    object-position:center center !important;
  }
}

@media(max-width:760px){
  .hero-main-image{
    height:360px !important;
  }
}


/* ================================
   V10 — MOMENTO HOJE HYBRID PREMIUM
================================ */

.moment-section{
  position:relative;
  padding:20px 46px 10px;
  overflow:hidden;
}

.moment-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%, rgba(212,170,84,.08), transparent 22%),
    radial-gradient(circle at 80% 30%, rgba(212,170,84,.06), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(20,80,55,.12), transparent 35%);
  pointer-events:none;
}

.moment-box{
  position:relative;
  z-index:2;
  border:1px solid rgba(214,173,86,.14);
  background:
    linear-gradient(180deg, rgba(12,15,11,.88), rgba(7,9,7,.92));
  backdrop-filter:blur(18px);
  border-radius:34px;
  padding:34px;
  box-shadow:
    0 20px 80px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.moment-title h2{
  font-family:'Cormorant Garamond',serif;
  font-size:48px;
  color:#f7f2ea;
  margin-bottom:10px;
  letter-spacing:-.02em;
}

.moment-title p{
  color:#d7cfc1;
  font-size:18px;
}

.moment-options{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  margin-top:34px;
}

.moment-options a{
  position:relative;
  overflow:hidden;
  text-decoration:none;
  min-height:170px;
  border-radius:24px;
  padding:26px 22px;
  border:1px solid rgba(214,173,86,.12);
  background:
    linear-gradient(180deg, rgba(18,22,18,.82), rgba(8,10,8,.92));
  transition:.45s ease;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:10px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 14px 40px rgba(0,0,0,.32);
}

.moment-options a::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top right, rgba(224,194,122,.12), transparent 28%);
  opacity:.7;
}

.moment-options a:hover{
  transform:translateY(-8px) scale(1.02);
  border-color:rgba(224,194,122,.32);
  box-shadow:
    0 26px 60px rgba(0,0,0,.48),
    0 0 45px rgba(224,194,122,.12);
}

.moment-options a i{
  position:absolute;
  top:22px;
  left:22px;
  font-style:normal;
  font-size:32px;
  color:#d7b063;
  opacity:.95;
}

.moment-options a{
  color:#f7f2ea;
  font-size:22px;
  font-weight:700;
  line-height:1.3;
}

.moment-options a small{
  display:block;
  margin-top:6px;
  color:#cfc6b8;
  font-size:14px;
  font-weight:400;
  line-height:1.6;
}

.moment-box .btn{
  margin-top:28px;
}

@media(max-width:1180px){

  .moment-options{
    grid-template-columns:1fr 1fr;
  }

}

@media(max-width:760px){

  .moment-section{
    padding:20px 20px 10px;
  }

  .moment-box{
    padding:24px;
    border-radius:26px;
  }

  .moment-title h2{
    font-size:38px;
  }

  .moment-options{
    grid-template-columns:1fr;
  }

}


/* ================================
   V11 — MOMENTO HOJE BADGES CORRIGIDOS
   Objetivo: retornar ao layout horizontal premium aprovado,
   mantendo Hero, assets e demais seções intactos.
================================ */

.moment-section{
  position:relative !important;
  padding:0 46px 18px !important;
  margin-top:-18px !important;
  z-index:8 !important;
  overflow:visible !important;
}

.moment-section::before{
  display:none !important;
}

.moment-box{
  width:100% !important;
  max-width:1540px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:210px 1fr 190px !important;
  align-items:center !important;
  gap:20px !important;
  padding:16px 22px !important;
  min-height:112px !important;
  border-radius:16px !important;
  border:1px solid rgba(214,173,86,.24) !important;
  background:
    linear-gradient(180deg, rgba(6,22,15,.92), rgba(5,12,9,.96)) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
  backdrop-filter:blur(14px) !important;
}

.moment-title{
  padding:0 8px 0 4px !important;
}

.moment-title h2{
  font-family:var(--serif) !important;
  font-size:22px !important;
  line-height:1.08 !important;
  color:var(--gold2) !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  margin:0 0 8px !important;
  max-width:180px !important;
}

.moment-title p{
  font-size:12px !important;
  line-height:1.45 !important;
  color:#d8cdbc !important;
  margin:0 !important;
  max-width:180px !important;
}

.moment-options{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:0 !important;
  margin:0 !important;
  border:1px solid rgba(214,173,86,.10) !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.018) !important;
}

.moment-options a{
  position:relative !important;
  overflow:hidden !important;
  min-height:70px !important;
  height:70px !important;
  border-radius:0 !important;
  border:0 !important;
  border-right:1px solid rgba(214,173,86,.16) !important;
  background:transparent !important;
  color:#f6efe5 !important;
  padding:0 14px 0 72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  font-family:var(--sans) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.28 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background .28s ease, color .28s ease, box-shadow .28s ease !important;
}

.moment-options a:last-child{
  border-right:0 !important;
}

.moment-options a::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg, rgba(214,173,86,.08), transparent 60%) !important;
  opacity:0 !important;
  transition:opacity .28s ease !important;
}

.moment-options a:hover{
  transform:none !important;
  background:rgba(214,173,86,.055) !important;
  color:#fff8eb !important;
  box-shadow:inset 0 0 26px rgba(214,173,86,.06) !important;
}

.moment-options a:hover::before{
  opacity:1 !important;
}

.moment-options a i{
  position:absolute !important;
  top:50% !important;
  left:22px !important;
  transform:translateY(-50%) !important;
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  color:#d7a94b !important;
  font-size:31px !important;
  line-height:1 !important;
  opacity:1 !important;
  font-style:normal !important;
}

.moment-options a small{
  display:none !important;
}

.moment-box > .btn,
.moment-box > a.btn{
  margin:0 !important;
  height:54px !important;
  min-width:172px !important;
  padding:0 18px !important;
  border-radius:10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  font-size:12px !important;
  font-weight:800 !important;
  color:var(--gold2) !important;
  border-color:rgba(214,173,86,.32) !important;
  background:rgba(0,0,0,.12) !important;
}

@media(max-width:1180px){
  .moment-section{
    padding:18px 30px !important;
    margin-top:0 !important;
  }

  .moment-box{
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:22px !important;
  }

  .moment-title h2,
  .moment-title p{
    max-width:none !important;
  }

  .moment-options{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    border-radius:14px !important;
  }

  .moment-options a{
    border-bottom:1px solid rgba(214,173,86,.12) !important;
  }
}

@media(max-width:760px){
  .moment-section{
    padding:16px 18px !important;
  }

  .moment-box{
    border-radius:20px !important;
  }

  .moment-options{
    grid-template-columns:1fr !important;
  }

  .moment-options a{
    height:72px !important;
    min-height:72px !important;
    border-right:0 !important;
  }

  .moment-box > .btn,
  .moment-box > a.btn{
    width:100% !important;
  }
}


/* ================================
   V12 — TRILHAS DE TRANSFORMAÇÃO PREMIUM
   Alteração restrita à seção Trilhas. Hero e badges validados preservados.
================================ */

.tracks-premium-v12{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:14px !important;
}

.track-card-v12{
  position:relative;
  min-height:292px;
  border-radius:12px;
  border:1px solid rgba(214,173,86,.24);
  background:linear-gradient(180deg, rgba(8,19,14,.96), rgba(4,8,6,.98));
  overflow:hidden;
  box-shadow:0 18px 45px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .34s ease, border-color .34s ease, box-shadow .34s ease;
}

.track-card-v12::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 16%, rgba(214,173,86,.12), transparent 32%);
  opacity:.68;
  pointer-events:none;
  z-index:1;
}

.track-card-v12:hover{
  transform:translateY(-6px);
  border-color:rgba(224,194,122,.44);
  box-shadow:0 28px 70px rgba(0,0,0,.52), 0 0 40px rgba(214,173,86,.10);
}

.track-art{
  position:relative;
  height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#06100b;
}

.track-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.08) contrast(1.08);
  transition:transform .5s ease, filter .5s ease;
}

.track-card-v12:hover .track-art img{
  transform:scale(1.06);
  filter:saturate(1.18) contrast(1.12);
}

.track-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,.05), rgba(4,8,6,.76));
}

.track-content{
  position:relative;
  z-index:2;
  min-height:180px;
  padding:16px 15px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.track-content h3{
  font-family:var(--sans);
  color:#f7efe4;
  text-transform:uppercase;
  font-size:15px;
  line-height:1.18;
  letter-spacing:.01em;
  margin:0 0 12px;
}

.track-content p{
  color:#d5cab8;
  font-size:12.5px;
  line-height:1.55;
  margin:0;
  min-height:58px;
}

.track-content a{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  min-width:112px;
  padding:0 16px;
  border-radius:8px;
  border:1px solid rgba(214,173,86,.28);
  color:var(--gold2);
  background:rgba(0,0,0,.16);
  text-transform:uppercase;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
  transition:.28s ease;
}

.track-content a:hover{
  background:rgba(214,173,86,.11);
  border-color:rgba(224,194,122,.44);
}

@media(max-width:1180px){
  .tracks-premium-v12{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .tracks-premium-v12{
    grid-template-columns:1fr !important;
  }

  .track-card-v12{
    min-height:300px;
  }

  .track-art{
    height:132px;
  }
}


/* ================================
   V13 — AJUSTE VISUAL TRILHAS PREMIUM
   Correção: os cards estavam espremidos dentro da coluna esquerda.
   Agora a seção Trilhas ocupa largura total e os cards respiram.
================================ */

.split-catalog{
  grid-template-columns:1fr !important;
  gap:34px !important;
}

.catalog-column#trilhas{
  width:100% !important;
  max-width:100% !important;
}

.catalog-column#trilhas .section-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:24px !important;
  margin-bottom:18px !important;
}

.catalog-column#trilhas .section-head h2{
  font-family:var(--serif) !important;
  color:var(--gold2) !important;
  font-size:30px !important;
  line-height:1.05 !important;
  margin:0 0 6px !important;
  text-transform:none !important;
}

.catalog-column#trilhas .section-head p{
  font-size:15px !important;
  color:#efe7d8 !important;
  margin:0 !important;
}

.tracks-premium-v12{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(5, minmax(170px, 1fr)) !important;
  gap:18px !important;
}

.track-card-v12{
  min-height:318px !important;
  border-radius:14px !important;
}

.track-art{
  height:128px !important;
}

.track-content{
  min-height:190px !important;
  padding:16px 14px 18px !important;
}

.track-content h3{
  font-size:14px !important;
  line-height:1.18 !important;
  min-height:38px !important;
  margin-bottom:10px !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

.track-content p{
  font-size:12.5px !important;
  line-height:1.55 !important;
  min-height:76px !important;
  max-width:96% !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

.track-content a{
  height:36px !important;
  min-width:110px !important;
  font-size:10.5px !important;
}

.catalog-column#conteudos{
  width:100% !important;
  max-width:100% !important;
}

/* Em telas médias, mantém leitura sem quebrar texto */
@media(max-width:1280px){
  .tracks-premium-v12{
    grid-template-columns:repeat(3, minmax(190px, 1fr)) !important;
  }
}

@media(max-width:860px){
  .catalog-column#trilhas .section-head{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  .tracks-premium-v12{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media(max-width:560px){
  .tracks-premium-v12{
    grid-template-columns:1fr !important;
  }

  .track-card-v12{
    min-height:300px !important;
  }
}


/* ================================
   V14 — TRILHAS ÍCONES HD
   Correção: substitui imagens rasterizadas/blur por SVGs nítidos.
   Alteração restrita aos assets e visual dos cards de Trilhas.
================================ */

.track-art{
  height:132px !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(214,173,86,.10), transparent 38%),
    #041008 !important;
}

.track-art img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  image-rendering:auto !important;
  filter:none !important;
}

.track-card-v12:hover .track-art img{
  transform:scale(1.035) !important;
  filter:none !important;
}

.track-content h3{
  font-size:14px !important;
  letter-spacing:-.01em !important;
}


/* V15 — CURSOS EM DESTAQUE PREMIUM */
.products-premium-v15{display:grid!important;grid-template-columns:repeat(5,minmax(180px,1fr))!important;gap:18px!important}
.product-card-v15{position:relative;min-height:354px;border-radius:14px;overflow:hidden;border:1px solid rgba(214,173,86,.22);background:linear-gradient(180deg,rgba(11,16,12,.96),rgba(4,7,5,.98));box-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025);transition:transform .34s ease,border-color .34s ease,box-shadow .34s ease}
.product-card-v15:hover{transform:translateY(-6px);border-color:rgba(224,194,122,.45);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 45px rgba(214,173,86,.10)}
.product-card-v15.bestseller::after{content:"MAIS VENDIDO";position:absolute;top:14px;left:14px;z-index:5;padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,#c9973c,#efcb78);color:#120d07;font-size:9px;font-weight:900;letter-spacing:.04em}
.product-cover{height:138px;position:relative;overflow:hidden;background:#07100b}
.product-cover img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s ease}
.product-card-v15:hover .product-cover img{transform:scale(1.045)}
.product-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 38%,rgba(4,7,5,.88))}
.product-body-v15{position:relative;z-index:3;padding:16px 15px 18px;display:flex;min-height:216px;flex-direction:column}
.product-body-v15 span{color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.product-body-v15 h3{color:#fff8ec;font-size:15px;line-height:1.14;text-transform:uppercase;margin:0 0 10px;min-height:36px}
.product-body-v15 p{color:#d5cab8;font-size:12.5px;line-height:1.52;margin:0}
.product-body-v15 strong{margin-top:auto;color:var(--gold2);font-size:18px;font-weight:900}
@media(max-width:1280px){.products-premium-v15{grid-template-columns:repeat(3,minmax(190px,1fr))!important}}
@media(max-width:860px){.products-premium-v15{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.products-premium-v15{grid-template-columns:1fr!important}}


/* ================================
   V16 — CORREÇÃO VISUAL CURSOS EM DESTAQUE
   Problema: estilos legados dos cards antigos estavam sobrepondo as capas SVG.
   Correção: força exibição real das capas SVG premium e remove blur/placeholder.
================================ */

.products-premium-v15 .product-cover{
  height:170px !important;
  position:relative !important;
  overflow:hidden !important;
  background:#07100b !important;
}

.products-premium-v15 .product-cover img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none;
}

.products-premium-v15 .product-cover::before{
  display:none !important;
  content:none !important;
}

.products-premium-v15 .product-cover::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(to bottom, rgba(0,0,0,0) 48%, rgba(4,7,5,.82) 100%) !important;
  z-index:2 !important;
}

.products-premium-v15 .product-card-v15::before{
  pointer-events:none !important;
  opacity:.18 !important;
}

.products-premium-v15 .product-card-v15{
  background:linear-gradient(180deg, rgba(10,15,11,.98), rgba(3,7,5,.99)) !important;
}

.products-premium-v15 .product-body-v15{
  background:linear-gradient(180deg, rgba(4,8,5,.95), rgba(3,7,5,.99)) !important;
  margin-top:0 !important;
}

.products-premium-v15 .product-card-v15:hover .product-cover img{
  transform:scale(1.035) !important;
}


/* ================================
   V17 — CURSOS INDEX REAL FIX
   Diagnóstico: o Index ainda usava .product-img dawn/path/quantum,
   não as capas SVG. Esta versão substitui o HTML real da Home.
================================ */

.product-row-v17{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(180px, 1fr)) !important;
  gap:18px !important;
}

.product-card-v17{
  position:relative !important;
  overflow:hidden !important;
  border-radius:14px !important;
  border:1px solid rgba(214,173,86,.24) !important;
  background:linear-gradient(180deg, rgba(8,13,9,.98), rgba(3,7,5,.99)) !important;
  min-height:360px !important;
  padding:0 !important;
  box-shadow:0 18px 50px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.025) !important;
  transition:transform .34s ease, border-color .34s ease, box-shadow .34s ease !important;
}

.product-card-v17:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(224,194,122,.45) !important;
  box-shadow:0 30px 80px rgba(0,0,0,.55), 0 0 45px rgba(214,173,86,.10) !important;
}

.product-cover-v17{
  display:block !important;
  width:100% !important;
  height:172px !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  border:0 !important;
  border-radius:0 !important;
}

.product-info-v17{
  padding:16px 15px 18px !important;
  min-height:185px !important;
  display:flex !important;
  flex-direction:column !important;
  background:linear-gradient(180deg, rgba(4,8,5,.96), rgba(3,7,5,.99)) !important;
}

.product-info-v17 span{
  color:var(--gold) !important;
  font-size:10px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  margin-bottom:8px !important;
}

.product-info-v17 h3{
  color:#fff8ec !important;
  font-size:15px !important;
  line-height:1.14 !important;
  text-transform:uppercase !important;
  margin:0 0 10px !important;
  min-height:36px !important;
}

.product-info-v17 p{
  color:#d5cab8 !important;
  font-size:12.5px !important;
  line-height:1.52 !important;
  margin:0 !important;
}

.product-info-v17 strong{
  margin-top:auto !important;
  color:var(--gold2) !important;
  font-size:18px !important;
  font-weight:900 !important;
}

.bestseller-v17::after{
  content:"MAIS VENDIDO";
  position:absolute;
  top:12px;
  right:12px;
  z-index:5;
  padding:6px 9px;
  border-radius:999px;
  background:linear-gradient(135deg,#c9973c,#efcb78);
  color:#120d07;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
}

.product-card-v17 .product-img,
.product-card-v17::before{
  display:none !important;
}

@media(max-width:1280px){
  .product-row-v17{
    grid-template-columns:repeat(3, minmax(190px,1fr)) !important;
  }
}

@media(max-width:860px){
  .product-row-v17{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media(max-width:560px){
  .product-row-v17{
    grid-template-columns:1fr !important;
  }
}



/* =========================================
   V18 — AJUSTE FINO DAS CAPAS DOS CURSOS
   Redução ~5% para evitar cortes de texto
========================================= */

.product-cover-v17{
  object-fit:contain !important;
  background:#07100b !important;
  padding:10px !important;
  width:calc(100% - 20px) !important;
  height:calc(172px - 20px) !important;
  margin:10px auto 0 auto !important;
}

.product-card-v17{
  overflow:hidden !important;
}



/* =========================================
   V19 — BENEFÍCIOS PREMIUM
========================================= */

.benefits{
  margin:52px auto 0 auto !important;
  padding:26px 28px !important;
  border:1px solid rgba(214,173,86,.16) !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at top center, rgba(214,173,86,.08), transparent 48%),
    linear-gradient(180deg, rgba(8,13,9,.94), rgba(3,7,5,.98)) !important;
  backdrop-filter:blur(14px);
  box-shadow:
    0 30px 90px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.03);
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:18px !important;
  position:relative;
  overflow:hidden;
}

.benefits::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, transparent, rgba(214,173,86,.04), transparent);
  pointer-events:none;
}

.benefits article{
  position:relative;
  min-height:138px;
  border-radius:20px;
  border:1px solid rgba(214,173,86,.12);
  background:
    linear-gradient(180deg, rgba(12,18,13,.82), rgba(5,8,6,.95));
  padding:24px 20px;
  transition:
    transform .34s ease,
    border-color .34s ease,
    box-shadow .34s ease;
  overflow:hidden;
}

.benefits article::after{
  content:"";
  position:absolute;
  top:-60px;
  right:-40px;
  width:120px;
  height:120px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(214,173,86,.14), transparent 70%);
}

.benefits article:hover{
  transform:translateY(-6px);
  border-color:rgba(224,194,122,.34);
  box-shadow:
    0 18px 40px rgba(0,0,0,.34),
    0 0 24px rgba(214,173,86,.10);
}

.benefits article i{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  margin-bottom:18px;
  border-radius:16px;
  border:1px solid rgba(214,173,86,.18);
  background:
    linear-gradient(180deg, rgba(214,173,86,.12), rgba(214,173,86,.04));
  color:#e0c27a !important;
  font-size:22px !important;
  font-style:normal !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 24px rgba(0,0,0,.25);
}

.benefits article strong{
  display:block;
  color:#fff4df !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.01em;
  margin-bottom:10px;
}

.benefits article span{
  display:block;
  color:#cdbfa7 !important;
  font-size:13px !important;
  line-height:1.6 !important;
  max-width:95%;
}

@media(max-width:1180px){
  .benefits{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .benefits{
    grid-template-columns:1fr !important;
  }

  .benefits article{
    min-height:auto;
  }
}



/* V20 — SOBRE MIM + CAPTURA DE LEADS PREMIUM */
/* Escopo: somente .about-leads, .about-card e .lead-card */

.about-leads{
  margin:44px auto 0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr) !important;
  gap:34px !important;
  align-items:stretch !important;
}

.about-card,
.lead-card{
  position:relative !important;
  border:1px solid rgba(214,173,86,.18) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(214,173,86,.08), transparent 34%),
    linear-gradient(180deg, rgba(8,14,10,.94), rgba(3,7,5,.98)) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.028) !important;
  overflow:hidden !important;
}

.about-card::before,
.lead-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, rgba(214,173,86,.055), transparent 38%, rgba(214,173,86,.03));
  pointer-events:none;
}

.about-card{
  display:grid !important;
  grid-template-columns:150px 1fr !important;
  gap:28px !important;
  padding:34px !important;
  align-items:center !important;
}

.about-card img{
  width:150px !important;
  height:150px !important;
  object-fit:cover !important;
  object-position:center top !important;
  border-radius:999px !important;
  border:1px solid rgba(214,173,86,.34) !important;
  box-shadow:0 0 0 8px rgba(214,173,86,.04), 0 18px 48px rgba(0,0,0,.42), 0 0 36px rgba(214,173,86,.12) !important;
}

.about-card span,
.lead-card span{
  display:block !important;
  color:var(--gold2) !important;
  font-family:var(--serif) !important;
  font-size:25px !important;
  line-height:1 !important;
  margin-bottom:10px !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

.about-card h2,
.lead-card h2{
  color:#fff6e8 !important;
  font-family:var(--serif) !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  line-height:1.08 !important;
  margin:0 0 18px !important;
}

.about-card h2{font-size:29px !important;max-width:520px !important;}
.about-card p{color:#d7cbbb !important;font-size:15px !important;line-height:1.72 !important;margin:0 0 22px !important;max-width:560px !important;}

.about-card .btn{
  height:48px !important;
  min-width:230px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
}

.lead-card{
  padding:42px 44px !important;
  display:grid !important;
  grid-template-columns:1fr 230px !important;
  gap:34px !important;
  align-items:center !important;
}

.lead-card h2{font-size:34px !important;max-width:680px !important;}

.lead-card form{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  max-width:760px !important;
  position:relative !important;
  z-index:2 !important;
}

.lead-card input{
  height:56px !important;
  flex:1 !important;
  min-width:260px !important;
  border-radius:14px !important;
  border:1px solid rgba(214,173,86,.22) !important;
  background:rgba(0,0,0,.24) !important;
  color:#f6efe5 !important;
  padding:0 20px !important;
  font-size:15px !important;
  outline:none !important;
}

.lead-card input::placeholder{color:#9f978a !important;}
.lead-card button{height:56px !important;padding:0 28px !important;border-radius:14px !important;white-space:nowrap !important;}
.lead-card .orb{width:190px !important;height:190px !important;justify-self:center !important;opacity:.76 !important;filter:drop-shadow(0 0 34px rgba(214,173,86,.12)) !important;}

@media(max-width:1180px){
  .about-leads{grid-template-columns:1fr !important;gap:24px !important;}
  .lead-card{grid-template-columns:1fr 170px !important;}
}

@media(max-width:760px){
  .about-leads{margin-top:34px !important;gap:20px !important;}
  .about-card{grid-template-columns:1fr !important;padding:28px !important;}
  .about-card img{width:132px !important;height:132px !important;}
  .lead-card{grid-template-columns:1fr !important;padding:30px !important;}
  .lead-card h2{font-size:28px !important;}
  .lead-card form{flex-direction:column !important;align-items:stretch !important;}
  .lead-card input{min-width:0 !important;width:100% !important;}
  .lead-card .orb{width:140px !important;height:140px !important;margin-top:10px !important;}
}


/* =========================================
   V21 — SOBRE.HTML HERO VISUAL PREMIUM
   Escopo: apenas página /sobre.html
   Insere arte aprovada no espaço vazio central/direito.
========================================= */

body:has(.sobre-hero-visual-v21) .page-hero{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(420px, 0.88fr) minmax(520px, 1.12fr) !important;
  align-items:center !important;
  gap:44px !important;
  min-height:650px !important;
  overflow:hidden !important;
}

body:has(.sobre-hero-visual-v21) .page-hero > *:not(.sobre-hero-visual-v21){
  position:relative !important;
  z-index:3 !important;
}

.sobre-hero-visual-v21{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  min-height:620px !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  pointer-events:none !important;
}

.sobre-hero-visual-v21::before{
  content:"";
  position:absolute;
  inset:-8% -4% -8% -24%;
  background:
    linear-gradient(90deg, rgba(3,7,5,.94) 0%, rgba(3,7,5,.42) 34%, rgba(3,7,5,0) 58%),
    radial-gradient(circle at 70% 18%, rgba(224,194,122,.18), transparent 32%);
  z-index:2;
  pointer-events:none;
}

.sobre-hero-visual-v21 img{
  width:min(820px, 100%) !important;
  height:620px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 0 0 44px !important;
  filter:saturate(1.04) contrast(1.03) !important;
  box-shadow:
    0 38px 110px rgba(0,0,0,.52),
    0 0 80px rgba(214,173,86,.12) !important;
  mask-image:linear-gradient(to bottom,#000 86%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 86%,transparent 100%);
}

@media(max-width:1180px){
  body:has(.sobre-hero-visual-v21) .page-hero{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    gap:30px !important;
  }

  .sobre-hero-visual-v21{
    min-height:auto !important;
    justify-content:center !important;
  }

  .sobre-hero-visual-v21 img{
    height:460px !important;
    width:100% !important;
    border-radius:28px !important;
  }

  .sobre-hero-visual-v21::before{
    inset:0 !important;
    background:linear-gradient(180deg, rgba(3,7,5,.12), rgba(3,7,5,.54)) !important;
  }
}

@media(max-width:760px){
  .sobre-hero-visual-v21 img{
    height:360px !important;
  }
}



/* =========================================
   V22 — SOBRE.HTML PAOLA REAL / FIDELIDADE VISUAL
   Escopo: apenas /sobre.html
   Regra: usar somente fotos reais fornecidas. Sem avatar, sem redesenho, sem IA.
========================================= */

body:has(.sobre-hero-visual-v21) .sobre-hero-visual-v21 img{
  object-fit:cover !important;
  object-position:center top !important;
  filter:saturate(1.02) contrast(1.01) !important;
  transform:none !important;
}

body:has(.sobre-hero-visual-v21) .sobre-hero-visual-v21::before{
  background:
    linear-gradient(90deg, rgba(3,7,5,.96) 0%, rgba(3,7,5,.58) 32%, rgba(3,7,5,.10) 66%, rgba(3,7,5,.18) 100%),
    radial-gradient(circle at 76% 18%, rgba(224,194,122,.14), transparent 34%) !important;
}

/* Avatar real do card — sem geração, sem deformação */
body:has(.sobre-hero-visual-v21) .about-card img,
body:has(.sobre-hero-visual-v21) .guide-card img,
body:has(.sobre-hero-visual-v21) article img[src*="sobre-card-paola-real-maos"]{
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:999px !important;
  filter:saturate(1.01) contrast(1.01) !important;
  transform:none !important;
}

/* Garante que nenhuma imagem real seja esticada */
img[src*="sobre-hero-paola-real"],
img[src*="sobre-card-paola-real-maos"]{
  image-rendering:auto !important;
}



/* V23 — SOBRE.HTML LAYOUT APROVADO / COMPOSIÇÃO SUAVE
   Escopo: somente /sobre.html.
   Header/logo preservados.
*/

body:has(.sobre-hero-visual-v23) .page-hero{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(430px, .80fr) minmax(620px, 1.20fr) !important;
  align-items:center !important;
  gap:34px !important;
  min-height:760px !important;
  overflow:hidden !important;
  padding-top:110px !important;
  padding-bottom:40px !important;
}

body:has(.sobre-hero-visual-v23) .page-hero > *:not(.sobre-hero-visual-v23){
  position:relative !important;
  z-index:4 !important;
  max-width:660px !important;
}

.sobre-hero-visual-v23{
  position:absolute !important;
  z-index:1 !important;
  top:72px !important;
  right:0 !important;
  bottom:0 !important;
  width:68vw !important;
  min-width:860px !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

.sobre-hero-visual-v23 img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:saturate(1.03) contrast(1.02) !important;
  transform:none !important;
}

.sobre-hero-visual-v23::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,
      rgba(3,7,5,1) 0%,
      rgba(3,7,5,.92) 12%,
      rgba(3,7,5,.58) 28%,
      rgba(3,7,5,.18) 46%,
      rgba(3,7,5,.08) 68%,
      rgba(3,7,5,.30) 100%),
    linear-gradient(180deg,
      rgba(3,7,5,.22) 0%,
      rgba(3,7,5,0) 32%,
      rgba(3,7,5,.84) 100%);
  pointer-events:none;
}

.sobre-hero-visual-v23::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:
    radial-gradient(circle at 78% 8%, rgba(245,193,80,.22), transparent 32%),
    radial-gradient(circle at 42% 78%, rgba(214,173,86,.08), transparent 36%);
  mix-blend-mode:screen;
  pointer-events:none;
}

body:has(.sobre-hero-visual-v23) img[src*="sobre-avatar-real-maos"]{
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:999px !important;
  filter:saturate(1.01) contrast(1.01) !important;
  transform:none !important;
}

body:has(.sobre-hero-visual-v23) .guide-card,
body:has(.sobre-hero-visual-v23) .about-card{
  position:relative !important;
  z-index:5 !important;
}

@media(max-width:1180px){
  body:has(.sobre-hero-visual-v23) .page-hero{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding-top:120px !important;
  }

  .sobre-hero-visual-v23{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    width:100% !important;
    min-width:0 !important;
    height:460px !important;
    border-radius:28px !important;
  }

  .sobre-hero-visual-v23 img{
    border-radius:28px !important;
  }

  .sobre-hero-visual-v23::before{
    background:linear-gradient(180deg, rgba(3,7,5,.05), rgba(3,7,5,.78) 100%) !important;
  }
}

@media(max-width:760px){
  .sobre-hero-visual-v23{
    height:360px !important;
  }
}



/* =========================================================
   V24 — SOBRE.HTML APROVADA / IMAGEM HD + INTEGRAÇÃO SUAVE
   Escopo: apenas /sobre.html.
   Regra: header/logo/Home/demais páginas preservados.
   Otimização da imagem: técnica, sem redesenhar/alterar persona.
========================================================= */

body:has(.sobre-hero-visual-v24) .page-hero{
  position:relative !important;
  min-height:820px !important;
  padding:118px 6.5vw 60px !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:minmax(420px, .78fr) minmax(620px, 1.22fr) !important;
  align-items:center !important;
  gap:42px !important;
}

body:has(.sobre-hero-visual-v24) .page-copy{
  position:relative !important;
  z-index:5 !important;
  max-width:650px !important;
}

body:has(.sobre-hero-visual-v24) .page-copy h1{
  max-width:640px !important;
}

.sobre-hero-visual-v24{
  position:absolute !important;
  z-index:1 !important;
  top:74px !important;
  right:0 !important;
  bottom:0 !important;
  width:72vw !important;
  min-width:940px !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

.sobre-hero-visual-v24 img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:saturate(1.04) contrast(1.03) !important;
  transform:none !important;
  image-rendering:auto !important;
}

/* Fusão orgânica com o fundo: elimina borda aparente e preserva leitura do texto. */
.sobre-hero-visual-v24::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,
      rgba(3,7,5,1) 0%,
      rgba(3,7,5,.96) 11%,
      rgba(3,7,5,.70) 27%,
      rgba(3,7,5,.26) 45%,
      rgba(3,7,5,.10) 68%,
      rgba(3,7,5,.32) 100%),
    linear-gradient(180deg,
      rgba(3,7,5,.20) 0%,
      rgba(3,7,5,0) 34%,
      rgba(3,7,5,.88) 100%);
  pointer-events:none;
}

.sobre-hero-visual-v24::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:
    radial-gradient(circle at 80% 5%, rgba(245,193,80,.20), transparent 30%),
    radial-gradient(circle at 44% 74%, rgba(214,173,86,.09), transparent 36%);
  mix-blend-mode:screen;
  pointer-events:none;
}

/* Card inferior: usa foto real sem avatarização/deformação. */
body:has(.sobre-hero-visual-v24) img[src*="sobre-avatar-real-maos"]{
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:999px !important;
  filter:saturate(1.01) contrast(1.01) !important;
  transform:none !important;
}

body:has(.sobre-hero-visual-v24) .about-leads.page-about,
body:has(.sobre-hero-visual-v24) .about-card,
body:has(.sobre-hero-visual-v24) .guide-card{
  position:relative !important;
  z-index:5 !important;
}

@media(max-width:1180px){
  body:has(.sobre-hero-visual-v24) .page-hero{
    min-height:auto !important;
    grid-template-columns:1fr !important;
    padding-top:120px !important;
  }

  .sobre-hero-visual-v24{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    width:100% !important;
    min-width:0 !important;
    height:480px !important;
    border-radius:28px !important;
    order:2 !important;
  }

  .sobre-hero-visual-v24 img{
    border-radius:28px !important;
  }

  .sobre-hero-visual-v24::before{
    background:linear-gradient(180deg, rgba(3,7,5,.02), rgba(3,7,5,.84) 100%) !important;
  }
}

@media(max-width:760px){
  .sobre-hero-visual-v24{
    height:360px !important;
  }
}


/* =========================================================
   V26 — SOBRE.HTML / CARD PAOLA + VÍDEO LADO A LADO
   Escopo: somente página /sobre.html.
   Objetivo: aproveitar o espaço vazio à direita do card "Quem te guia"
   alinhando o bloco de vídeo ao lado, com proporção premium.
========================================================= */

.sobre-info-video-grid-v26{
  width:min(1320px, calc(100% - 8vw)) !important;
  margin:42px auto 0 !important;
  display:grid !important;
  grid-template-columns:minmax(380px, .86fr) minmax(560px, 1.14fr) !important;
  gap:32px !important;
  align-items:stretch !important;
  position:relative !important;
  z-index:6 !important;
}

.sobre-info-video-grid-v26 .about-leads.page-about{
  margin:0 !important;
  width:100% !important;
  display:block !important;
}

.sobre-info-video-grid-v26 .about-card.about-wide{
  height:100% !important;
  min-height:330px !important;
  display:grid !important;
  grid-template-columns:138px 1fr !important;
  gap:26px !important;
  align-items:center !important;
  padding:30px !important;
  border-radius:24px !important;
}

.sobre-info-video-grid-v26 .about-card.about-wide img{
  width:138px !important;
  height:138px !important;
}

.sobre-info-video-grid-v26 .about-card.about-wide h2{
  font-size:26px !important;
  line-height:1.05 !important;
  margin-bottom:14px !important;
}

.sobre-info-video-grid-v26 .about-card.about-wide p{
  font-size:14px !important;
  line-height:1.64 !important;
  margin-bottom:14px !important;
}

.sobre-info-video-grid-v26 .about-card.about-wide .btn{
  height:44px !important;
  min-width:190px !important;
  margin-top:6px !important;
}

.sobre-info-video-grid-v26 .catalog-page{
  margin:0 !important;
  width:100% !important;
  padding:0 !important;
  display:block !important;
}

.sobre-info-video-grid-v26 .video-placeholder{
  height:100% !important;
  min-height:330px !important;
  border-radius:24px !important;
  border:1px solid rgba(214,173,86,.20) !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(214,173,86,.10), transparent 42%),
    linear-gradient(180deg, rgba(8,14,10,.94), rgba(3,7,5,.98)) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  padding:38px 48px !important;
}

.sobre-info-video-grid-v26 .video-placeholder span{
  color:var(--gold2) !important;
  font-family:var(--serif) !important;
  font-size:22px !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  margin-bottom:12px !important;
}

.sobre-info-video-grid-v26 .video-placeholder h2{
  max-width:680px !important;
  font-size:38px !important;
  line-height:1.05 !important;
  margin-bottom:20px !important;
}

.sobre-info-video-grid-v26 .video-placeholder p{
  max-width:620px !important;
  font-size:14px !important;
  line-height:1.7 !important;
  margin-bottom:22px !important;
}

.sobre-info-video-grid-v26 .video-placeholder .btn{
  height:46px !important;
  min-width:170px !important;
}

@media(max-width:1180px){
  .sobre-info-video-grid-v26{
    grid-template-columns:1fr !important;
    width:min(920px, calc(100% - 40px)) !important;
    gap:24px !important;
  }
}

@media(max-width:760px){
  .sobre-info-video-grid-v26{
    width:calc(100% - 32px) !important;
    margin-top:30px !important;
  }

  .sobre-info-video-grid-v26 .about-card.about-wide{
    grid-template-columns:1fr !important;
    padding:26px !important;
  }

  .sobre-info-video-grid-v26 .about-card.about-wide img{
    width:124px !important;
    height:124px !important;
  }

  .sobre-info-video-grid-v26 .video-placeholder{
    min-height:300px !important;
    padding:30px 24px !important;
  }

  .sobre-info-video-grid-v26 .video-placeholder h2{
    font-size:30px !important;
  }
}


/* =========================================================
   V27 — RESPONSIVIDADE PREMIUM
   Hero + Sobre + Navbar + Cards
========================================================= */

img {
  max-width: 100%;
  height: auto;
}

/* Containers */
.container,
.hero-container,
.about-hero,
.about-grid,
.cards-grid,
.courses-grid {
  width: min(100%, 1440px);
}

/* Hero Sobre */
.about-hero,
.sobre-hero,
.hero-sobre {
  overflow: hidden;
}

.about-hero-image,
.hero-about-image,
.sobre-hero-image {
  position: relative;
}

.about-hero-image img,
.hero-about-image img,
.sobre-hero-image img {
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Smooth fade integration */
.about-hero-image::after,
.hero-about-image::after,
.sobre-hero-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to left, rgba(0,0,0,0.02), rgba(0,0,0,0.72)),
    linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.18));
  pointer-events: none;
}

/* Buttons */
button,
.btn,
.hero-buttons a {
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease;
}

button:hover,
.btn:hover,
.hero-buttons a:hover {
  transform: translateY(-2px);
}

/* Desktop refinement */
@media (max-width: 1440px) {

  .hero-title,
  .about-title,
  .sobre-title {
    font-size: clamp(4rem, 5vw, 6rem);
    line-height: 0.95;
  }

}

/* Notebook */
@media (max-width: 1200px) {

  .hero-section,
  .about-hero,
  .sobre-hero {
    gap: 48px;
  }

  .hero-title,
  .about-title,
  .sobre-title {
    font-size: clamp(3.2rem, 5vw, 5rem);
  }

  .courses-grid,
  .cards-grid,
  .trilhas-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

}

/* Tablet */
@media (max-width: 992px) {

  .hero-section,
  .about-hero,
  .sobre-hero,
  .sobre-info-video-grid-v26 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: center;
    gap: 42px;
  }

  .hero-content,
  .about-content,
  .sobre-content {
    max-width: 100%;
    z-index: 2;
  }

  .hero-title,
  .about-title,
  .sobre-title {
    font-size: clamp(2.8rem, 8vw, 4.5rem);
    line-height: 1.02;
  }

  .hero-description,
  .about-description,
  .sobre-description {
    max-width: 92%;
    font-size: 1.05rem;
  }

  .hero-image,
  .about-hero-image,
  .hero-about-image {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }

  .courses-grid,
  .cards-grid,
  .trilhas-grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .navbar,
  .header-nav {
    gap: 18px;
  }

}

/* Mobile */
@media (max-width: 768px) {

  section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .hero-section,
  .about-hero,
  .sobre-hero {
    min-height: auto;
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .hero-title,
  .about-title,
  .sobre-title {
    font-size: clamp(2.3rem, 10vw, 3.6rem);
    line-height: 1.04;
    letter-spacing: -0.03em;
  }

  .hero-description,
  .about-description,
  .sobre-description {
    font-size: 1rem;
    line-height: 1.75;
    max-width: 100%;
  }

  .hero-buttons,
  .about-buttons,
  .sobre-buttons {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 14px;
  }

  .hero-buttons a,
  .about-buttons a,
  .sobre-buttons a,
  .btn {
    width: 100%;
    justify-content: center;
  }

  .courses-grid,
  .cards-grid,
  .trilhas-grid,
  .sobre-info-video-grid-v26 {
    grid-template-columns: 1fr !important;
  }

  .card,
  .course-card,
  .trilha-card {
    min-height: auto;
  }

  .header-nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .logo img {
    max-height: 54px;
  }

}

/* Small mobile */
@media (max-width: 480px) {

  .hero-title,
  .about-title,
  .sobre-title {
    font-size: 2rem;
  }

  .hero-image,
  .about-hero-image,
  .hero-about-image {
    border-radius: 22px;
    overflow: hidden;
  }

  .courses-grid,
  .cards-grid,
  .trilhas-grid {
    gap: 18px;
  }

}


/* =========================================================
   V28 — POLISH VISUAL FINAL
   Escopo: refinamento visual fino, legibilidade, hovers e spacing.
   Sem alteração de imagens, logo, copy ou estrutura HTML.
========================================================= */

:root{
  --pz-text-strong:#fff7ea;
  --pz-text-body:#e4d8c6;
  --pz-text-muted:#c7b9a3;
  --pz-gold-soft:#e0c27a;
  --pz-shadow-premium:0 28px 88px rgba(0,0,0,.42);
}

/* Legibilidade global */
body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

p,
li,
span,
a,
button,
input,
textarea{
  font-size-adjust:none;
}

/* Textos pequenos: leve incremento e contraste */
p{
  color:var(--pz-text-body);
}

small,
.card small,
.product-info-v17 span,
.product-body-v15 span,
.track-content p,
.product-info-v17 p,
.product-body-v15 p,
.benefits article span,
.moment-title p,
.footer p,
.footer a,
.desktop-nav a,
.header-actions a{
  color:var(--pz-text-muted) !important;
}

.desktop-nav a{
  font-size:14.5px !important;
  letter-spacing:.005em !important;
}

.footer a,
.footer p{
  font-size:14px !important;
  line-height:1.65 !important;
}

.track-content p,
.product-info-v17 p,
.product-body-v15 p{
  font-size:13.2px !important;
  line-height:1.58 !important;
}

.benefits article span{
  font-size:13.5px !important;
}

.moment-options a{
  font-size:13.7px !important;
}

/* Headings: respiração editorial */
h1,h2,h3{
  text-wrap:balance;
}

.section-head h2,
.catalog-column#trilhas .section-head h2{
  letter-spacing:-.025em !important;
}

.section-head p{
  font-size:15.5px !important;
  line-height:1.65 !important;
}

/* Botões: acabamento premium */
.btn,
button,
.btn-primary,
.btn-ghost,
.btn-play,
.mini-action{
  will-change:transform, box-shadow, border-color, background;
}

.btn:hover,
button:hover,
.btn-primary:hover,
.btn-ghost:hover,
.btn-play:hover,
.mini-action:hover{
  transform:translateY(-2px);
}

.btn-primary:hover{
  box-shadow:
    0 12px 32px rgba(214,173,86,.22),
    0 0 32px rgba(214,173,86,.16) !important;
}

.btn-ghost:hover,
.btn-play:hover,
.mini-action:hover{
  border-color:rgba(224,194,122,.48) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.28), 0 0 24px rgba(214,173,86,.08) !important;
}

/* Cards: altura, respiro e consistência */
.track-card-v12,
.product-card-v17,
.benefits article,
.about-card,
.lead-card,
.video-placeholder{
  backface-visibility:hidden;
  transform:translateZ(0);
}

.track-card-v12,
.product-card-v17{
  box-shadow:var(--pz-shadow-premium) !important;
}

.track-card-v12:hover,
.product-card-v17:hover,
.benefits article:hover{
  transition:
    transform .34s ease,
    box-shadow .34s ease,
    border-color .34s ease;
}

/* Trilhas: melhora hierarquia sem mudar layout */
.track-content h3{
  color:var(--pz-text-strong) !important;
  font-size:14.4px !important;
  line-height:1.22 !important;
}

.track-content a{
  letter-spacing:.035em !important;
}

/* Cursos: melhora leitura em cards pequenos */
.product-info-v17 h3,
.product-body-v15 h3{
  color:var(--pz-text-strong) !important;
  font-size:15.4px !important;
  line-height:1.18 !important;
}

.product-info-v17 strong,
.product-body-v15 strong{
  color:var(--pz-gold-soft) !important;
  letter-spacing:.01em !important;
}

/* Benefícios */
.benefits article strong{
  font-size:15.5px !important;
  line-height:1.25 !important;
}

.benefits article i{
  font-size:23px !important;
}

/* Sobre + lead */
.about-card p,
.lead-card p{
  font-size:15.5px !important;
  line-height:1.75 !important;
}

.about-card h2,
.lead-card h2{
  text-wrap:balance;
}

/* Formulários */
input,
textarea{
  font-size:15px !important;
}

input::placeholder,
textarea::placeholder{
  color:#a99d8a !important;
}

/* Espaçamento vertical: ajuste leve, sem mudar arquitetura */
.section-pad,
.catalog-page,
.support-grid,
.about-leads,
.benefits{
  scroll-margin-top:110px;
}

/* Movimento suave e não agressivo */
.reveal{
  transition:
    opacity .55s ease,
    transform .55s ease;
}

/* Responsividade polish */
@media(max-width:1180px){
  .desktop-nav a{
    font-size:14px !important;
  }

  .track-content p,
  .product-info-v17 p,
  .product-body-v15 p{
    font-size:13.4px !important;
  }
}

@media(max-width:760px){
  body{
    font-size:16px;
  }

  .desktop-nav a,
  .footer a,
  .footer p{
    font-size:14.5px !important;
  }

  .section-head p,
  .about-card p,
  .lead-card p{
    font-size:15.8px !important;
  }

  .track-content p,
  .product-info-v17 p,
  .product-body-v15 p,
  .benefits article span{
    font-size:14px !important;
  }

  .track-content h3,
  .product-info-v17 h3,
  .product-body-v15 h3{
    font-size:16px !important;
  }

  .btn,
  button,
  .btn-primary,
  .btn-ghost,
  .btn-play{
    font-size:14.5px !important;
  }
}

@media(max-width:480px){
  .section-head h2{
    font-size:32px !important;
  }

  .track-content p,
  .product-info-v17 p,
  .product-body-v15 p{
    line-height:1.62 !important;
  }
}


/* =========================================================
   V29 — INDEX HERO BADGE / OVERLAY FIX
   Escopo: somente correção visual dos badges/cards inferiores da Hero.
   Objetivo: trazer o card para frente da imagem/fade e recuperar contraste.
========================================================= */

/* Garante que a faixa/card de navegação da Hero fique acima do fade da imagem */
.hero-shortcuts,
.hero-nav,
.hero-card-row,
.hero-feature-row,
.hero-links,
.hero-menu-card,
.hero-categories,
.hero-pill-row,
.hero-bottom-card,
.quick-links,
.quick-access,
.features-strip,
.feature-strip,
.category-strip,
.moment-bar,
.hero .hero-shortcuts,
.hero .quick-links,
.hero .features-strip,
.home-hero .hero-shortcuts,
.home-hero .quick-links,
.home-hero .features-strip{
  position:relative !important;
  z-index:18 !important;
  opacity:1 !important;
  filter:none !important;
  isolation:isolate !important;
}

/* Se o card estiver logo no rodapé da Hero, força leitura acima do degradê */
.hero-shortcuts::before,
.hero-nav::before,
.hero-card-row::before,
.hero-feature-row::before,
.quick-links::before,
.features-strip::before,
.feature-strip::before,
.category-strip::before,
.hero-bottom-card::before{
  content:"";
  position:absolute;
  inset:-10px -14px;
  z-index:-1;
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 40%, rgba(214,173,86,.10), transparent 54%),
    linear-gradient(180deg, rgba(5,10,7,.74), rgba(3,7,5,.88));
  box-shadow:
    0 24px 70px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.025);
  pointer-events:none;
}

/* Reduz interferência de overlays/fades da Hero na área inferior */
.hero::after,
.home-hero::after,
.hero-section::after,
.main-hero::after,
.hero-visual::after,
.hero-image::after,
.hero-media::after{
  pointer-events:none !important;
}

/* Caso algum fade esteja acima de tudo, limita sua força sem remover o efeito cinematográfico */
.hero-visual::after,
.hero-image::after,
.hero-media::after{
  opacity:.58 !important;
}


/* =========================================================
   ENTREGA PROFISSIONAL — Novos componentes
   ========================================================= */

/* ── Banner LGPD / Cookies ── */
.cookie-banner{
  position:fixed;bottom:24px;left:50%;
  transform:translateX(-50%) translateY(120px);
  z-index:9998;
  background:rgba(7,12,9,.97);
  border:1px solid rgba(200,164,93,.34);
  border-radius:16px;
  padding:18px 24px;
  display:flex;align-items:center;gap:24px;
  max-width:800px;width:calc(100% - 32px);
  box-shadow:0 24px 80px rgba(0,0,0,.58);
  backdrop-filter:blur(22px);
  opacity:0;
  transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .42s;
  pointer-events:none;
}
.cookie-banner.cookie-visible{
  transform:translateX(-50%) translateY(0);
  opacity:1;pointer-events:auto;
}
.cookie-banner.cookie-hidden{
  transform:translateX(-50%) translateY(120px);
  opacity:0;pointer-events:none;
}
.cookie-banner p{
  margin:0;font-size:13px;color:var(--muted);line-height:1.52;flex:1;
}
.cookie-banner p a{color:var(--gold2);text-decoration:underline;}
.cookie-actions{display:flex;gap:10px;flex-shrink:0;}
.btn-sm{height:38px !important;padding:0 16px !important;font-size:12px !important;}
@media(max-width:720px){
  .cookie-banner{
    flex-direction:column;align-items:flex-start;gap:12px;bottom:86px;padding:16px 18px;
  }
}

/* ── Filtro de Trilhas — botão ativo ── */
.filter-tags button.active{
  background:linear-gradient(180deg,#f0ca76,#c69238);
  color:#140d04;
  border-color:transparent;
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(200,164,93,.28);
}

/* ── Botão de compra (Hotmart) ── */
.btn-buy{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(180deg,#f0ca76,#c69238);
  color:#140d04;
  border-radius:10px;padding:13px 22px;
  font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.02em;
  border:none;cursor:pointer;width:100%;margin-top:14px;
  transition:.28s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 8px 28px rgba(200,164,93,.18),inset 0 1px rgba(255,255,255,.4);
}
.btn-buy:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(200,164,93,.32);color:#140d04;}
.btn-notify{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:transparent;border:1px solid rgba(200,164,93,.38);color:var(--muted);
  border-radius:10px;padding:11px 20px;
  font-weight:700;font-size:12px;text-transform:uppercase;
  cursor:pointer;width:100%;margin-top:10px;
  transition:.28s;
}
.btn-notify:hover{border-color:var(--gold);color:var(--gold2);}

/* ── Sobre: grade info + vídeo ── */
.sobre-info-video-grid-v26{
  max-width:1500px;margin:0 auto;padding:0 40px;
  display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;
}
.video-embed-wrapper{
  position:relative;width:100%;border-radius:var(--radius);overflow:hidden;
  background:#000;aspect-ratio:16/9;border:1px solid rgba(200,164,93,.22);
}
.video-embed-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
@media(max-width:1180px){.sobre-info-video-grid-v26{grid-template-columns:1fr;}}
@media(max-width:720px){.sobre-info-video-grid-v26{padding:0 14px;}}

/* ── Página Legal (Políticas / Termos) ── */
.legal-page{max-width:900px;margin:0 auto;padding:40px;}
.legal-page h2{font-family:var(--serif);font-size:clamp(32px,4vw,52px);color:var(--gold2);margin:0 0 8px;}
.legal-page .legal-meta{color:var(--muted);font-size:13px;margin:0 0 40px;padding-bottom:24px;border-bottom:1px solid var(--line);}
.legal-page h3{font-family:var(--serif);font-size:24px;color:var(--gold2);margin:40px 0 12px;}
.legal-page p,.legal-page ul,.legal-page ol{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 16px;}
.legal-page ul,.legal-page ol{padding-left:20px;}
.legal-page li{margin-bottom:6px;}
.legal-page a{color:var(--gold2);text-decoration:underline;}
.legal-page strong{color:var(--text);}

/* ── Página 404 ── */
.not-found-section{
  min-height:85vh;display:grid;place-items:center;text-align:center;
  padding:120px 40px 60px;
}
.not-found-section .big-num{
  font-family:var(--serif);font-size:clamp(100px,18vw,200px);line-height:1;
  color:transparent;-webkit-text-stroke:2px rgba(200,164,93,.35);
  margin:0;display:block;
}
.not-found-section h2{
  font-family:var(--serif);font-size:clamp(28px,4vw,52px);margin:0 0 16px;
}
.not-found-section p{color:var(--muted);max-width:520px;margin:0 auto 32px;font-size:16px;line-height:1.6;}
.not-found-section .not-found-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
@media(max-width:720px){
  .not-found-section{padding:100px 18px 40px;}
  .not-found-section .not-found-actions{flex-direction:column;align-items:center;}
}

/* ── Produto card melhorado (cursos.html) ── */
.product-card.catalog-card-v2{
  display:flex;flex-direction:column;padding-bottom:20px;
}
.product-card.catalog-card-v2 .product-img{flex-shrink:0;}
.product-card.catalog-card-v2 .product-body{flex:1;padding:0 16px;display:flex;flex-direction:column;}
.product-card.catalog-card-v2 small{font-size:10px;color:var(--gold2);text-transform:uppercase;margin-bottom:6px;}
.product-card.catalog-card-v2 h3{font-size:17px;margin:0 0 8px;line-height:1.1;}
.product-card.catalog-card-v2 p{font-size:13px;color:var(--muted);line-height:1.55;margin:0;flex:1;}
.product-card.catalog-card-v2 .price-row{display:flex;align-items:baseline;gap:8px;margin-top:12px;}
.product-card.catalog-card-v2 .price{font-size:22px;font-weight:800;color:var(--gold2);}
.product-card.catalog-card-v2 .price-old{font-size:13px;color:var(--muted);text-decoration:line-through;}
.badge-destaque{
  position:absolute;top:12px;right:12px;z-index:3;
  background:linear-gradient(135deg,#c69238,#f0ca76);color:#140d04;
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  padding:4px 10px;border-radius:999px;
}
.product-card{position:relative;}

/* Recupera contraste dos textos e ícones do card inferior */
.hero-shortcuts *,
.hero-nav *,
.hero-card-row *,
.hero-feature-row *,
.quick-links *,
.features-strip *,
.feature-strip *,
category-strip *,
.hero-bottom-card *{
  opacity:1 !important;
}

.hero-shortcuts i,
.hero-nav i,
.hero-card-row i,
.hero-feature-row i,
.quick-links i,
.features-strip i,
.feature-strip i,
.category-strip i,
.hero-bottom-card i,
.hero-shortcuts svg,
.hero-nav svg,
.hero-card-row svg,
.hero-feature-row svg,
.quick-links svg,
.features-strip svg,
.feature-strip svg,
.category-strip svg,
.hero-bottom-card svg{
  color:#e0c27a !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 10px rgba(214,173,86,.18)) !important;
}

.hero-shortcuts strong,
.hero-nav strong,
.hero-card-row strong,
.hero-feature-row strong,
.quick-links strong,
.features-strip strong,
.feature-strip strong,
.category-strip strong,
.hero-bottom-card strong{
  color:#f5deb0 !important;
  opacity:1 !important;
  text-shadow:0 1px 10px rgba(0,0,0,.38) !important;
}

.hero-shortcuts span,
.hero-nav span,
.hero-card-row span,
.hero-feature-row span,
.quick-links span,
.features-strip span,
.feature-strip span,
.category-strip span,
.hero-bottom-card span,
.hero-shortcuts small,
.hero-nav small,
.hero-card-row small,
.hero-feature-row small,
.quick-links small,
.features-strip small,
.feature-strip small,
.category-strip small,
.hero-bottom-card small{
  color:#f0e5d3 !important;
  opacity:.96 !important;
  text-shadow:0 1px 10px rgba(0,0,0,.44) !important;
}

/* Ajuste específico para itens de valor abaixo da Hero: Prático/Profundo/Acessível/Completo */
.hero-benefits,
.hero-benefit-row,
.hero-icons-row,
.value-points,
.value-points-row,
.hero-values{
  position:relative !important;
  z-index:20 !important;
  opacity:1 !important;
  filter:none !important;
  transform:translateY(-2px);
}

.hero-benefits *,
.hero-benefit-row *,
.hero-icons-row *,
.value-points *,
.value-points-row *,
.hero-values *{
  opacity:1 !important;
}

.hero-benefits::before,
.hero-benefit-row::before,
.hero-icons-row::before,
.value-points::before,
.value-points-row::before,
.hero-values::before{
  content:"";
  position:absolute;
  inset:-14px -18px;
  z-index:-1;
  border-radius:28px;
  background:linear-gradient(90deg, rgba(3,7,5,.82), rgba(3,7,5,.42), rgba(3,7,5,.72));
  filter:blur(.2px);
  pointer-events:none;
}

@media(max-width:760px){
  .hero-shortcuts::before,
  .hero-nav::before,
  .hero-card-row::before,
  .hero-feature-row::before,
  .quick-links::before,
  .features-strip::before,
  .feature-strip::before,
  .category-strip::before,
  .hero-bottom-card::before{
    inset:-8px;
    border-radius:18px;
  }
}


/* =========================================================
   V30 — INDEX HERO CARD + HEADER BUTTON FIX
   Correção real:
   1) Card/atalhos da Hero acima da imagem/fade.
   2) Botão "Começar Agora" do header restaurado.
   Escopo: CSS apenas.
========================================================= */

/* Header: restaura botão primário do topo quebrado pelo polish anterior */
.site-header .header-actions .btn-primary,
header .header-actions .btn-primary,
.site-header a.btn-primary,
header a.btn-primary{
  color:#120d07 !important;
  background:linear-gradient(135deg,#e8bf5d,#f4d58a,#c79233) !important;
  border-color:rgba(244,213,138,.68) !important;
  text-shadow:none !important;
  opacity:1 !important;
  font-weight:900 !important;
}

.site-header .header-actions .btn-primary:hover,
header .header-actions .btn-primary:hover,
.site-header a.btn-primary:hover,
header a.btn-primary:hover{
  color:#080603 !important;
}

/* Hero: cria contexto de empilhamento estável */
.hero,
.home-hero,
.main-hero,
.hero-section,
.hero-wrap,
.hero-area{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
}

/* Imagem/fundo da Hero fica atrás dos elementos funcionais */
.hero-image,
.hero-media,
.hero-visual,
.hero-figure,
.hero-bg,
.hero-photo,
.hero .image-wrap,
.home-hero .image-wrap{
  position:relative !important;
  z-index:1 !important;
}

/* Conteúdo textual e botões da Hero acima da imagem */
.hero-content,
.hero-copy,
.hero-text,
.hero-info,
.home-hero .hero-content,
.home-hero .hero-copy{
  position:relative !important;
  z-index:12 !important;
}

/* Faixa/card de atalhos da Hero: força acima da imagem e do fade */
.hero-shortcuts,
.hero-nav,
.hero-card-row,
.hero-feature-row,
.hero-links,
.hero-menu-card,
.hero-categories,
.hero-pill-row,
.hero-bottom-card,
.quick-links,
.quick-access,
.features-strip,
.feature-strip,
.category-strip,
.moment-bar,
.hero-benefits,
.hero-benefit-row,
.hero-icons-row,
.value-points,
.value-points-row,
.hero-values,
.icon-nav,
.hero-tabs,
.hero-cards-nav,
.hero-actions-grid{
  position:relative !important;
  z-index:40 !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  margin-top:18px !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(214,173,86,.10), transparent 48%),
    linear-gradient(180deg, rgba(6,11,8,.88), rgba(3,7,5,.94)) !important;
  border:1px solid rgba(214,173,86,.25) !important;
  box-shadow:
    0 22px 74px rgba(0,0,0,.48),
    0 0 34px rgba(214,173,86,.08),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
  backdrop-filter:blur(10px) !important;
}

/* Caso o card esteja dentro/colado na imagem, puxa visualmente para frente */
.hero-image + .hero-shortcuts,
.hero-image + .quick-links,
.hero-image + .features-strip,
.hero-media + .hero-shortcuts,
.hero-media + .quick-links,
.hero-visual + .hero-shortcuts,
.hero-visual + .quick-links{
  margin-top:-52px !important;
}

/* Eleva qualquer barra de navegação interna posicionada dentro da hero */
.hero :is(.quick-links,.features-strip,.feature-strip,.category-strip,.hero-shortcuts,.hero-nav,.hero-bottom-card){
  z-index:45 !important;
}

/* Se houver pseudo-overlay no card, não escurecer o conteúdo */
.hero :is(.quick-links,.features-strip,.feature-strip,.category-strip,.hero-shortcuts,.hero-nav,.hero-bottom-card)::after{
  opacity:.10 !important;
  pointer-events:none !important;
}

/* Ícones e textos do card com leitura forte */
.hero :is(.quick-links,.features-strip,.feature-strip,.category-strip,.hero-shortcuts,.hero-nav,.hero-bottom-card) *{
  opacity:1 !important;
  filter:none !important;
}

.hero :is(.quick-links,.features-strip,.feature-strip,.category-strip,.hero-shortcuts,.hero-nav,.hero-bottom-card) strong,
.hero :is(.quick-links,.features-strip,.feature-strip,.category-strip,.hero-shortcuts,.hero-nav,.hero-bottom-card) b{
  color:#fff3df !important;
  text-shadow:0 1px 14px rgba(0,0,0,.55) !important;
}

.hero :is(.quick-links,.features-strip,.feature-strip,.category-strip,.hero-shortcuts,.hero-nav,.hero-bottom-card) span,
.hero :is(.quick-links,.features-strip,.feature-strip,.category-strip,.hero-shortcuts,.hero-nav,.hero-bottom-card) small,
.hero :is(.quick-links,.features-strip,.feature-strip,.category-strip,.hero-shortcuts,.hero-nav,.hero-bottom-card) a{
  color:#eadfcd !important;
  text-shadow:0 1px 14px rgba(0,0,0,.55) !important;
}

.hero :is(.quick-links,.features-strip,.feature-strip,.category-strip,.hero-shortcuts,.hero-nav,.hero-bottom-card) svg,
.hero :is(.quick-links,.features-strip,.feature-strip,.category-strip,.hero-shortcuts,.hero-nav,.hero-bottom-card) i{
  color:#e0c27a !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 12px rgba(214,173,86,.25)) !important;
}

/* Reduz somente o efeito de escurecimento da imagem na parte de baixo */
.hero-image::after,
.hero-media::after,
.hero-visual::after,
.hero-figure::after,
.hero-bg::after,
.hero-photo::after{
  opacity:.32 !important;
  pointer-events:none !important;
}

/* Fallback ultra-específico: qualquer card logo abaixo da hero image não fica soterrado */
[class*="hero"] [class*="shortcut"],
[class*="hero"] [class*="quick"],
[class*="hero"] [class*="feature"],
[class*="hero"] [class*="bottom"],
[class*="hero"] [class*="category"]{
  position:relative !important;
  z-index:50 !important;
}



/* =========================================================
   V31 — INDEX HERO IMAGE CLEAN + HEADER BUTTON FIX
   Diagnóstico: o "card" apagado sob a imagem da Hero estava DENTRO
   do arquivo raster da imagem, não era um card HTML/CSS.
   Correção: nova imagem hero-paola-mandala-clean-v31.png sem a faixa
   embutida no rodapé.
========================================================= */

/* Evita que qualquer resíduo inferior da imagem aparente virar card */
.hero-visual-sunset,
.hero-visual,
.hero-image,
.hero-media{
  overflow:hidden !important;
  position:relative !important;
  z-index:1 !important;
}

.hero-visual-sunset .hero-main-image,
.hero-main-image[src*="hero-paola-mandala-clean-v31"]{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  filter:saturate(1.02) contrast(1.02) !important;
}

/* Trust-row real da esquerda preservada acima da camada visual */
.hero-copy,
.trust-row{
  position:relative !important;
  z-index:12 !important;
}

.trust-row article,
.trust-row article *{
  opacity:1 !important;
  visibility:visible !important;
}

/* Header button "Começar Agora" corrigido e protegido */
.site-header .header-actions .btn-primary,
.site-header a.btn-primary,
header .header-actions .btn-primary,
header a.btn-primary{
  color:#100c06 !important;
  background:linear-gradient(135deg,#e4b64d 0%, #f6d884 55%, #c89130 100%) !important;
  border:1px solid rgba(246,216,132,.75) !important;
  text-shadow:none !important;
  opacity:1 !important;
  font-weight:900 !important;
  box-shadow:0 12px 34px rgba(214,173,86,.18) !important;
}

.site-header .header-actions .btn-primary *,
.site-header a.btn-primary *,
header .header-actions .btn-primary *,
header a.btn-primary *{
  color:#100c06 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Phase 32 safe patch: ensure navigation exists on tablet widths */
@media (max-width:1180px) and (min-width:721px) {
  .mobile-bottom {
    display: flex;
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 60;
    background: rgba(5,7,5,.88);
    border: 1px solid var(--line);
    backdrop-filter: blur(18px);
    border-radius: 16px;
    overflow: hidden;
  }

  .mobile-bottom a {
    flex: 1;
    text-align: center;
    padding: 12px 4px;
    color: var(--muted);
    font-size: 12px;
  }

  .mobile-bottom a:nth-child(3) {
    color: var(--gold2);
  }

  /* Prevent footer content from being hidden behind fixed bottom nav */
  .footer {
    padding-bottom: 110px;
  }
}

/* ================================
   Phase 32.1 - Stability Layer
   Goal: improve robustness without changing visual identity
================================ */

img {
  max-width: 100%;
}

:focus-visible {
  outline: 2px solid var(--gold2);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* keep tap-target comfortable on touch devices */
@media (max-width: 1180px) {
  .btn,
  .mobile-bottom a,
  .moment-options a {
    min-height: 44px;
  }
}

/* ================================
   Phase 32.2 - Visual Polish Layer
   Scoped refinements only; structure and copy preserved.
================================ */

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.site-header {
  background: rgba(5, 7, 5, .72);
  box-shadow: 0 10px 38px rgba(0, 0, 0, .26);
}

.site-header.scrolled {
  box-shadow: 0 14px 42px rgba(0, 0, 0, .34);
}

.brand img {
  background: #07110b;
}

.hero-title,
.page-copy h1 {
  letter-spacing: 0;
}

.hero-copy p,
.page-copy p,
.track-content p,
.product-info-v17 p,
.journey-card p,
.about-card p,
.video-placeholder p,
.support-grid p {
  text-wrap: pretty;
}

.btn {
  min-width: max-content;
}

.btn-primary {
  box-shadow: 0 14px 34px rgba(200, 164, 93, .22), inset 0 1px rgba(255, 255, 255, .38);
}

.btn-primary:hover {
  box-shadow: 0 18px 44px rgba(224, 194, 122, .26), inset 0 1px rgba(255, 255, 255, .5);
}

.btn-ghost:hover,
.btn-play:hover,
.mini-action:hover,
.mini-link:hover {
  border-color: rgba(224, 194, 122, .64);
  color: var(--gold2);
}

.moment-box,
.benefits,
.about-card,
.lead-card,
.sos-section,
.filter-panel,
.video-placeholder,
.support-grid article,
.journey-card,
.catalog-card,
.track-card-v12,
.product-card-v17 {
  box-shadow: 0 18px 52px rgba(0, 0, 0, .24);
}

.track-card-v12,
.product-card-v17,
.journey-card,
.catalog-card,
.support-grid article {
  transform: translateZ(0);
}

.track-card-v12:hover,
.product-card-v17:hover,
.journey-card:hover,
.catalog-card:hover,
.support-grid article:hover {
  border-color: rgba(224, 194, 122, .52);
}

.hero-main-image,
.sobre-hero-visual-v24 img,
.about-wide img {
  image-rendering: auto;
}

.sobre-hero-visual-v24 img {
  object-position: center;
}

.mobile-bottom {
  box-shadow: 0 16px 48px rgba(0, 0, 0, .42);
}

.mobile-bottom a {
  line-height: 1.15;
}

@media (max-width: 1180px) {
  .desktop-nav {
    gap: 18px;
  }

  .hero-actions {
    gap: 12px;
  }
}

@media (max-width: 720px) {
  .hero-title,
  .page-copy h1 {
    line-height: 1.04;
  }

  .hero-copy p,
  .page-copy p {
    line-height: 1.58;
  }

  .moment-box,
  .filter-panel,
  .about-card,
  .lead-card,
  .video-placeholder,
  .support-grid article,
  .journey-card {
    border-radius: 16px;
  }

  .product-card-v17,
  .track-card-v12 {
    border-radius: 14px;
  }
}

/* ================================
   Phase 32.4 - Home Visual Polish
   Home-only refinements. Markup and text preserved.
================================ */

#inicio,
#momento,
#trilhas,
#cursos,
#sobre,
#sos,
#ebooks,
#musicas {
  scroll-margin-top: 96px;
}

.site-header {
  min-height: 78px;
}

.desktop-nav {
  gap: clamp(16px, 2vw, 28px);
}

.desktop-nav a {
  white-space: nowrap;
}

.hero {
  min-height: 92vh;
  padding-bottom: 96px;
}

.hero-copy {
  position: relative;
  z-index: 4;
}

.hero-title {
  max-width: 720px;
  line-height: .94;
}

.hero-copy p {
  max-width: 620px;
  border-left: 2px solid rgba(224, 194, 122, .8);
  padding-left: 18px;
}

.hero-main-image {
  object-position: center center;
}

.trust-row {
  grid-template-columns: repeat(4, minmax(128px, 1fr));
  row-gap: 14px;
}

.trust-row article,
.benefits article {
  min-width: 0;
}

.moment-section {
  margin-top: -48px;
}

.moment-box {
  grid-template-columns: minmax(190px, 240px) 1fr auto;
}

.moment-options a {
  min-width: 0;
}

.split-catalog {
  grid-template-columns: minmax(420px, 43%) minmax(0, 57%);
}

.tracks-premium-v12,
.product-row-v17 {
  align-items: stretch;
}

.track-card-v12,
.product-card-v17 {
  height: 100%;
}

.track-content,
.product-info-v17 {
  min-width: 0;
}

.product-cover-v17,
.track-art img {
  display: block;
}

.benefits {
  margin-top: 18px;
}

.about-leads {
  gap: 14px;
}

.about-card,
.lead-card {
  height: 100%;
}

.sos-section {
  margin-top: 16px;
}

@media (max-width: 1180px) {
  .hero {
    min-height: auto;
    padding-bottom: 56px;
  }

  .hero-title {
    max-width: 760px;
  }

  .moment-section {
    margin-top: 0;
  }

  .split-catalog {
    grid-template-columns: 1fr;
  }

  .moment-box {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .site-header {
    min-height: 70px;
  }

  .hero {
    padding-bottom: 42px;
  }

  .hero-copy p {
    padding-left: 14px;
  }

  .trust-row {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .trust-row article {
    grid-template-columns: 34px 1fr;
  }

  .trust-row i {
    width: 34px;
    height: 34px;
    font-size: 17px;
  }

  .moment-box {
    padding: 22px 16px;
  }

  .section-head {
    align-items: flex-start;
    gap: 10px;
  }

  .about-leads {
    gap: 12px;
  }
}


/* =========================================================
   UNIFORMIZAÇÃO TIPOGRÁFICA — Cards de Produto e Trilha
   Consolida todas as regras conflitantes em um único bloco
   com prioridade máxima. Setembro 2025.
   ========================================================= */

/* ── Cover: proporção fixa para todos os cards v17 ── */
.product-cover-v17 {
  display: block !important;
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  object-position: left center !important;
  background: #07100b !important;
  flex-shrink: 0 !important;
  border-radius: 0 !important;
}

/* ── Área de texto do card de produto ── */
.product-info-v17 {
  padding: 18px 16px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  gap: 0 !important;
}

/* Tag de categoria (CURSO / E-BOOK / MÚSICAS) */
.product-info-v17 span {
  font-family: var(--sans) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .10em !important;
  color: var(--gold2) !important;
  display: block !important;
  margin-bottom: 8px !important;
}

/* Título do produto */
.product-info-v17 h3 {
  font-family: var(--serif) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
  color: #fff8ec !important;
  margin: 0 0 10px !important;
  text-transform: none !important;
}

/* Descrição curta */
.product-info-v17 p {
  font-family: var(--sans) !important;
  font-size: 13.5px !important;
  line-height: 1.58 !important;
  color: #cfc4b0 !important;
  margin: 0 0 14px !important;
  flex: 1 !important;
}

/* Preço */
.product-info-v17 strong {
  font-family: var(--sans) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--gold2) !important;
  letter-spacing: -.01em !important;
  margin-top: auto !important;
  display: block !important;
}

/* Botão de compra dentro do card v17 */
.product-info-v17 .btn-buy {
  margin-top: 12px !important;
  font-size: 12px !important;
  height: 40px !important;
  padding: 0 16px !important;
}

/* ── Uniformiza track-content h3 para usar serif também ── */
.track-content h3 {
  font-family: var(--serif) !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
  color: #fff8ec !important;
  text-transform: none !important;
}

.track-content p {
  font-size: 13.5px !important;
  line-height: 1.58 !important;
  color: #cfc4b0 !important;
}

/* ── Alinha alturas mínimas dos dois tipos de card ── */
.track-card-v12 {
  min-height: 300px !important;
}

.product-card-v17 {
  min-height: 320px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* ── Cards horizontais compactos — catálogo cursos.html (v3) ── */
.catalog-grid-v3 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.catalog-card-v3 {
  display: grid;
  grid-template-columns: 120px 1fr;
  min-height: 148px;
  border: 1px solid rgba(200,164,93,.22);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(14,22,15,.85), rgba(4,8,5,.9));
  box-shadow: 0 16px 48px rgba(0,0,0,.28);
  overflow: hidden;
  transition: .32s;
  position: relative;
}
.catalog-card-v3:hover {
  transform: translateY(-4px);
  border-color: rgba(224,194,122,.48);
  box-shadow: 0 24px 64px rgba(0,0,0,.4), 0 0 28px rgba(200,164,93,.08);
}
.catalog-card-v3 .card-thumb {
  background: var(--visual, linear-gradient(135deg, #11161a, #a98039));
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.catalog-card-v3 .card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.catalog-card-v3 .card-thumb img[src$=".svg"] {
  object-fit: contain;
  padding: 8px;
}
.catalog-card-v3 .card-info {
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.catalog-card-v3 .card-info small {
  color: var(--gold2);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.catalog-card-v3 .card-info h3 {
  font-family: var(--serif);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.15;
  color: #fff8ec;
  margin: 0;
  text-transform: none;
}
.catalog-card-v3 .card-info p {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--muted);
  margin: 2px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.catalog-card-v3 .btn-buy {
  margin-top: 8px;
  width: fit-content;
  padding: 7px 18px;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.catalog-card-v3 .btn-notify,
.catalog-card-v3 .btn-soon {
  margin-top: 8px;
  width: fit-content;
  padding: 7px 18px;
  font-size: 11px;
  background: transparent;
  border: 1px solid rgba(200,164,93,.28);
  color: var(--muted);
  border-radius: 10px;
  cursor: default;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .02em;
}
.catalog-card-v3.card-soon {
  opacity: .6;
  border-color: rgba(200,164,93,.12);
}
.catalog-card-v3.card-soon:hover {
  transform: none;
  border-color: rgba(200,164,93,.12);
  box-shadow: 0 16px 48px rgba(0,0,0,.28);
}
.catalog-card-v3 .mini-link {
  font-size: 11px;
  color: var(--gold2);
  margin-top: 4px;
  display: inline-block;
  width: fit-content;
}
@media(max-width:1180px) {
  .catalog-grid-v3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width:720px) {
  .catalog-grid-v3 { grid-template-columns: 1fr; }
  .catalog-card-v3 { grid-template-columns: 100px 1fr; min-height: 130px; }
  .catalog-card-v3 .card-info { padding: 12px 14px; }
  .catalog-card-v3 .card-info h3 { font-size: 15px; }
}

/* ── Lightbox ── */
.catalog-card-v3 .card-thumb img,
.product-cover-v17,
.baralho-cover img,
.modal-carta .carta-imagem {
  cursor: zoom-in;
}
.lightbox-overlay {
  position: fixed;
  inset: 0;
  z-index: 10050;
  background: rgba(0,0,0,.85);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
.lightbox-overlay.lightbox-active {
  opacity: 1;
  visibility: visible;
}
.lightbox-img {
  max-width: 88vw;
  max-height: 88vh;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
  transform: scale(.92);
  transition: transform .3s cubic-bezier(.22,1,.36,1);
}
.lightbox-active .lightbox-img {
  transform: scale(1);
}
.lightbox-close {
  position: absolute;
  top: 20px;
  right: 28px;
  background: none;
  border: none;
  color: #fff;
  font-size: 36px;
  cursor: pointer;
  line-height: 1;
  opacity: .7;
  transition: opacity .2s;
}
.lightbox-close:hover { opacity: 1; }

/* ── Spotify CTA ── */
.spotify-cta {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 28px;
  margin-top: 36px;
  align-items: center;
}
.spotify-cta-img {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(200,164,93,.18);
  transition: .32s;
  display: block;
}
.spotify-cta-img:hover {
  border-color: rgba(30,215,96,.5);
  box-shadow: 0 8px 28px rgba(30,215,96,.12);
  transform: translateY(-3px);
}
.spotify-cta-img img {
  width: 100%;
  display: block;
}
.spotify-cta-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.spotify-cta-text h3 {
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 700;
  color: #fff8ec;
  margin: 0;
}
.spotify-cta-text p {
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--muted);
  margin: 0;
}
.spotify-cta-text small {
  font-size: 11px;
  color: rgba(200,164,93,.55);
  letter-spacing: .04em;
}
.btn-spotify {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 9px 20px;
  background: #1db954;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: .25s;
  text-decoration: none;
  margin-top: 4px;
}
.btn-spotify:hover {
  background: #1ed760;
  box-shadow: 0 6px 20px rgba(30,215,96,.25);
  transform: translateY(-2px);
}
.btn-spotify svg { width: 18px; height: 18px; fill: currentColor; }
@media(max-width:720px) {
  .spotify-cta {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .spotify-cta-img { max-width: 220px; }
}

/* ── Spotify footer icon ── */
.footer-spotify {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 13px;
  margin-top: 10px;
  transition: color .25s;
}
.footer-spotify:hover { color: #1db954; }
.footer-spotify svg { width: 20px; height: 20px; fill: currentColor; }

/* ── Badge "Mais popular" / "Mais vendido" ── */
.bestseller-v17 .badge-destaque,
.badge-destaque {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 4 !important;
  font-size: 10px !important;
  padding: 4px 10px !important;
  letter-spacing: .06em !important;
}

/* ── Responsivo: tablet ── */
@media (max-width: 1280px) {
  .product-info-v17 h3 {
    font-size: 18px !important;
  }
  .track-content h3 {
    font-size: 16px !important;
  }
}

/* ── Responsivo: mobile ── */
@media (max-width: 720px) {
  .product-info-v17 h3 {
    font-size: 20px !important;
  }
  .product-info-v17 p {
    font-size: 14px !important;
  }
  .track-content h3 {
    font-size: 18px !important;
  }
}

/* ── Trilhas: alinhamento de cards (título/descrição/CTA) ── */
.tracks-page-grid {
  align-items: stretch !important;
}
.journey-card {
  justify-content: flex-start !important;
  padding-top: 190px !important;
}
.journey-card h3 {
  min-height: 63px;
  display: flex;
  align-items: flex-end;
}
.journey-card p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 87px;
}
.journey-card .mini-link {
  margin-top: auto !important;
  padding-top: 18px;
}
@media(max-width:720px) {
  .journey-card {
    padding-top: 22px !important;
  }
  .journey-card h3 {
    min-height: auto;
  }
  .journey-card p {
    min-height: auto;
    -webkit-line-clamp: unset;
  }
}

/* ══════════════════════════════════════════════════════════
   MEDITAÇÕES — cards com capa Spotify (cursos.html #meditacoes)
   ══════════════════════════════════════════════════════════ */
.meditacoes-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 24px;
}
.meditacao-card {
  display: flex;
  gap: 18px;
  padding: 20px;
  border: 1px solid rgba(200,164,93,.22);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(11,16,12,.9), rgba(4,6,4,.94));
  transition: .3s;
  align-items: flex-start;
}
.meditacao-card:hover {
  transform: translateY(-4px);
  border-color: rgba(30,215,96,.4);
  box-shadow: 0 20px 50px rgba(0,0,0,.4), 0 0 24px rgba(30,215,96,.08);
}
.meditacao-thumb {
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(200,164,93,.2);
  box-shadow: 0 6px 20px rgba(0,0,0,.35);
}
.meditacao-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.meditacao-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  flex: 1;
}
.meditacao-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gold2);
}
.meditacao-numero {
  background: rgba(200,164,93,.14);
  border: 1px solid rgba(200,164,93,.3);
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 10px;
}
.meditacao-dot { opacity: .5; }
.meditacao-duracao { color: #a89b81; letter-spacing: .05em; }
.meditacao-card h3 {
  font-family: var(--serif);
  font-size: 17px;
  line-height: 1.15;
  color: #fff8ec;
  margin: 4px 0 4px;
  font-weight: 600;
}
.meditacao-card p {
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--muted);
  margin: 0 0 12px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.btn-spotify-play {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin-top: auto;
  padding: 8px 16px;
  background: #1db954;
  color: #fff;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-decoration: none;
  transition: .25s;
}
.btn-spotify-play:hover {
  background: #1ed760;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(30,215,96,.35);
}
.btn-spotify-play svg { width: 16px; height: 16px; fill: currentColor; }
@media (max-width: 1180px) {
  .meditacoes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .meditacoes-grid article:nth-child(3) { grid-column: 1 / -1; max-width: 460px; margin: 0 auto; }
}
@media (max-width: 720px) {
  .meditacoes-grid { grid-template-columns: 1fr; gap: 14px; }
  .meditacoes-grid article:nth-child(3) { max-width: none; }
  .meditacao-card { padding: 16px; gap: 14px; }
  .meditacao-thumb { width: 80px; height: 80px; }
  .meditacao-card h3 { font-size: 15px; }
}

/* ══════════════════════════════════════════════════════════
   BARALHOS TERAPÊUTICOS — página baralhos.html
   ══════════════════════════════════════════════════════════ */

.baralhos-hero .page-copy h1 em {
  color: var(--gold2);
  font-style: italic;
  font-weight: 500;
}

/* Grid dos 3 baralhos */
.baralhos-grid {
  max-width: 1500px;
  margin: 40px auto 0;
  padding: 0 40px;
}
.baralhos-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 32px;
}
.baralho-card {
  position: relative;
  border: 1px solid rgba(200,164,93,.24);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(11,16,12,.92), rgba(4,6,4,.96));
  overflow: hidden;
  transition: .35s;
  display: flex;
  flex-direction: column;
}
.baralho-card:hover {
  transform: translateY(-6px);
  border-color: rgba(224,194,122,.55);
  box-shadow: 0 32px 80px rgba(0,0,0,.5), 0 0 40px rgba(200,164,93,.12);
}
.baralho-card.featured {
  border-color: rgba(224,194,122,.5);
  box-shadow: 0 24px 60px rgba(0,0,0,.4), 0 0 32px rgba(200,164,93,.1);
}
.baralho-card .badge-destaque {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  background: linear-gradient(135deg, #e0c27a, #a98039);
  color: #050705;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 20px;
  box-shadow: 0 6px 20px rgba(200,164,93,.35);
}
.baralho-cover {
  aspect-ratio: 1024 / 1536;
  overflow: hidden;
  background: #050705;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: zoom-in;
}
.baralho-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s;
}
.baralho-card:hover .baralho-cover img {
  transform: scale(1.04);
}
.baralho-cover::before {
  content: '⤢';
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(5,7,5,.75);
  border: 1px solid rgba(224,194,122,.5);
  border-radius: 50%;
  color: #e0c27a;
  font-size: 16px;
  font-weight: 700;
  backdrop-filter: blur(4px);
  transition: .28s;
  pointer-events: none;
}
.baralho-card:hover .baralho-cover::before {
  background: #e0c27a;
  color: #050705;
  transform: scale(1.1);
}
.baralho-cover::after {
  content: 'Ver infográfico completo';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 16px 14px;
  background: linear-gradient(to top, rgba(0,0,0,.85), transparent);
  color: #fff8ec;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none;
}
.baralho-card:hover .baralho-cover::after { opacity: 1; }

/* Cursor de expansão na carta sorteada dentro do modal */
.modal-carta .carta-imagem {
  cursor: zoom-in;
  transition: transform .3s;
}
.modal-carta .carta-imagem:hover {
  transform: scale(1.02);
}
.baralho-info {
  padding: 24px 24px 26px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.baralho-info small {
  color: var(--gold2);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.baralho-info h3 {
  font-family: var(--serif);
  font-size: 24px;
  line-height: 1.05;
  color: #fff8ec;
  margin: 4px 0 6px;
  font-weight: 600;
  min-height: 52px;
}
.baralho-info p {
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.55;
  margin: 0;
}
.baralho-specs {
  list-style: none;
  padding: 0;
  margin: 14px 0 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-top: 1px solid rgba(200,164,93,.15);
  padding-top: 14px;
}
.baralho-specs li {
  font-size: 12px;
  color: #c9bda3;
  line-height: 1.4;
}
.baralho-specs strong {
  color: var(--gold2);
  font-weight: 700;
  font-size: 14px;
}
.btn-baralho {
  margin-top: auto;
  width: 100%;
  background: linear-gradient(135deg, #a98039, #7a5c28);
  color: #fff8ec;
  border: 1px solid rgba(224,194,122,.4);
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: .28s;
}
.btn-baralho:hover {
  background: linear-gradient(135deg, #e0c27a, #a98039);
  color: #050705;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(200,164,93,.35);
}

/* Seção Experiência */
.experiencia-carta {
  max-width: 1500px;
  margin: 40px auto 0;
  padding: 0 40px;
}
.experiencia-inner {
  padding: 56px 40px;
  border: 1px solid rgba(200,164,93,.22);
  border-radius: 20px;
  background:
    radial-gradient(circle at 72% 30%, rgba(200,164,93,.18), transparent 34%),
    linear-gradient(135deg, rgba(16,34,24,.85), rgba(5,7,5,.94));
  text-align: center;
}
.eyebrow-gold {
  display: inline-block;
  color: var(--gold2);
  font-size: 11px;
  letter-spacing: .18em;
  font-weight: 700;
  margin-bottom: 14px;
}
.experiencia-inner h2 {
  font-family: var(--serif);
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.1;
  color: #fff8ec;
  margin: 0 auto 18px;
  max-width: 780px;
  font-weight: 500;
}
.experiencia-inner h2 em {
  color: var(--gold2);
  font-style: italic;
}
.experiencia-inner p {
  max-width: 640px;
  margin: 0 auto 26px;
  color: var(--muted);
  line-height: 1.65;
  font-size: 15px;
}
.experiencia-inner strong { color: #fff8ec; }
.immersive-quote h2 em { color: var(--gold2); font-style: italic; }

/* ── Modais ── */
.modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(0,0,0,.86);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  transition: opacity .3s;
  overflow-y: auto;
}
.modal-overlay[hidden] {
  display: none !important;
}
.modal-overlay:not([hidden]) {
  opacity: 1;
}
.modal-close {
  position: absolute;
  top: 16px;
  right: 20px;
  background: none;
  border: none;
  color: #fff;
  font-size: 32px;
  cursor: pointer;
  line-height: 1;
  opacity: .7;
  transition: opacity .2s;
  z-index: 3;
}
.modal-close:hover { opacity: 1; }

/* Modal Carta */
.modal-carta {
  position: relative;
  max-width: 460px;
  width: 100%;
  padding: 60px 30px 30px;
  text-align: center;
  animation: cartaAppear .55s cubic-bezier(.22,1,.36,1);
}
@keyframes cartaAppear {
  0% { opacity: 0; transform: scale(.86) rotateY(-8deg); }
  100% { opacity: 1; transform: scale(1) rotateY(0); }
}
.carta-container {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0,0,0,.6), 0 0 60px rgba(200,164,93,.2);
  border: 1px solid rgba(224,194,122,.4);
  margin-bottom: 24px;
}
.carta-imagem {
  width: 100%;
  height: auto;
  display: block;
}
.carta-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.carta-contador {
  color: var(--gold2);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-weight: 700;
}
.carta-actions .btn { width: 100%; max-width: 320px; }

/* Modal Reserva */
.modal-reserva {
  position: relative;
  max-width: 520px;
  width: 100%;
  background: linear-gradient(180deg, rgba(16,22,17,.98), rgba(6,9,7,.98));
  border: 1px solid rgba(200,164,93,.3);
  border-radius: 18px;
  padding: 44px 36px 36px;
  box-shadow: 0 30px 90px rgba(0,0,0,.6);
  animation: cartaAppear .5s cubic-bezier(.22,1,.36,1);
}
.reserva-content h2 {
  font-family: var(--serif);
  font-size: 30px;
  color: #fff8ec;
  margin: 8px 0 12px;
  line-height: 1.1;
  font-weight: 600;
}
.reserva-intro {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 24px;
}
.reserva-intro strong {
  color: var(--gold2);
  font-weight: 600;
}
.reserva-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.reserva-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.reserva-form label span {
  color: #d8caa5;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
}
.reserva-form input {
  background: rgba(5,7,5,.6);
  border: 1px solid rgba(200,164,93,.25);
  color: #fff8ec;
  padding: 12px 14px;
  border-radius: 10px;
  font-family: var(--sans);
  font-size: 14px;
  transition: .25s;
}
.reserva-form input:focus {
  outline: none;
  border-color: var(--gold2);
  background: rgba(10,14,10,.85);
  box-shadow: 0 0 0 3px rgba(200,164,93,.15);
}
.reserva-form input::placeholder {
  color: #736a55;
}
.reserva-form input.error {
  border-color: #d55a3a;
  box-shadow: 0 0 0 3px rgba(213,90,58,.15);
}
.reserva-privacidade {
  font-size: 11.5px;
  color: #a89b81;
  line-height: 1.5;
  margin: 4px 0 8px;
  padding: 10px 12px;
  background: rgba(200,164,93,.05);
  border-radius: 8px;
  border-left: 2px solid rgba(200,164,93,.3);
}
.btn-full { width: 100%; }
.reserva-note {
  font-size: 11.5px;
  color: #a89b81;
  text-align: center;
  margin: 10px 0 0;
  line-height: 1.5;
}

/* Responsivo */
@media (max-width: 1180px) {
  .baralhos-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .baralho-card:nth-child(3) { grid-column: 1 / -1; max-width: 480px; margin: 0 auto; }
}
@media (max-width: 720px) {
  .baralhos-grid { padding: 0 14px; }
  .baralhos-cards { grid-template-columns: 1fr; gap: 18px; }
  .baralho-card:nth-child(3) { max-width: none; }
  .baralho-info h3 { min-height: auto; font-size: 22px; }
  .experiencia-carta { padding: 0 14px; }
  .experiencia-inner { padding: 40px 22px; }
  .modal-carta { padding: 50px 16px 20px; max-width: 340px; }
  .modal-reserva { padding: 40px 22px 26px; }
  .reserva-content h2 { font-size: 24px; }
}

/* ══════════════════════════════════════════════════════════
   FREQUÊNCIAS — cards com player interno (cursos.html #musicas)
   ══════════════════════════════════════════════════════════ */
.frequencias-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}
.frequencia-card {
  padding: 22px;
  border: 1px solid rgba(200,164,93,.22);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(11,16,12,.9), rgba(4,6,4,.94));
  transition: .3s;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.frequencia-card:hover {
  transform: translateY(-3px);
  border-color: rgba(224,194,122,.5);
  box-shadow: 0 20px 50px rgba(0,0,0,.4);
}
.frequencia-card.freq-playing {
  border-color: rgba(224,194,122,.65);
  box-shadow: 0 24px 60px rgba(0,0,0,.5), 0 0 32px rgba(200,164,93,.14);
  transform: none;
}
.frequencia-head {
  display: flex;
  align-items: center;
  gap: 14px;
}
.frequencia-badge {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  padding: 10px 14px;
  min-width: 78px;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(224,194,122,.18), rgba(169,128,57,.12));
  border: 1px solid rgba(224,194,122,.4);
  color: var(--gold2);
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1;
}
.frequencia-badge em {
  font-size: 11px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: .1em;
  color: #c8a45d;
  text-transform: uppercase;
}
.frequencia-card h3 {
  font-family: var(--serif);
  font-size: 22px;
  color: #fff8ec;
  margin: 0;
  font-weight: 600;
}
.frequencia-card p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  margin: 4px 0 8px;
  min-height: 60px;
}
.btn-play-freq {
  background: linear-gradient(135deg, #a98039, #7a5c28);
  color: #fff8ec;
  border: 1px solid rgba(224,194,122,.4);
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: .25s;
}
.btn-play-freq:hover {
  background: linear-gradient(135deg, #e0c27a, #a98039);
  color: #050705;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(200,164,93,.3);
}
.freq-playing .btn-play-freq { display: none; }

/* Player interno */
.freq-player {
  display: none;
  margin-top: 12px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(5,7,5,.7), rgba(2,3,2,.9));
  border: 1px solid rgba(200,164,93,.2);
  border-radius: 10px;
  flex-direction: column;
  gap: 12px;
}
.freq-playing .freq-player { display: flex; }
.freq-tabs { display: flex; gap: 6px; }
.freq-tab {
  flex: 1;
  padding: 7px 8px;
  background: rgba(200,164,93,.06);
  color: var(--muted);
  border: 1px solid rgba(200,164,93,.18);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: .2s;
}
.freq-tab:hover { background: rgba(200,164,93,.12); color: var(--gold2); }
.freq-tab.active {
  background: linear-gradient(135deg, rgba(224,194,122,.3), rgba(169,128,57,.2));
  color: #fff8ec;
  border-color: rgba(224,194,122,.55);
}
.freq-controls { display: flex; align-items: center; gap: 12px; }
.freq-pp {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #e0c27a, #a98039);
  color: #050705;
  border: none;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: .2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.freq-pp:hover { transform: scale(1.06); box-shadow: 0 6px 16px rgba(200,164,93,.35); }
.freq-progress-wrap { flex: 1; min-width: 0; }
.freq-progress-bar {
  height: 6px;
  background: rgba(200,164,93,.15);
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.freq-progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #e0c27a, #a98039);
  border-radius: 3px;
  transition: width .1s linear;
}
.freq-time { font-size: 11px; color: #a89b81; margin-top: 4px; font-variant-numeric: tabular-nums; }
.freq-loop {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #d8caa5;
  cursor: pointer;
  user-select: none;
}
.freq-loop input { accent-color: #e0c27a; width: 14px; height: 14px; cursor: pointer; }
.freq-close {
  align-self: flex-end;
  background: none;
  border: 1px solid rgba(200,164,93,.25);
  color: #a89b81;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 10px;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: .2s;
}
.freq-close:hover { color: #fff8ec; border-color: rgba(200,164,93,.5); }
.freq-audio { display: none; }

@media (max-width: 1180px) {
  .frequencias-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .frequencias-grid article:nth-child(7) { grid-column: 1 / -1; max-width: 460px; margin: 0 auto; }
}
@media (max-width: 720px) {
  .frequencias-grid { grid-template-columns: 1fr; gap: 14px; }
  .frequencias-grid article:nth-child(7) { max-width: none; }
  .frequencia-card { padding: 18px; }
  .frequencia-card p { min-height: auto; }
  .frequencia-badge { font-size: 20px; padding: 8px 12px; min-width: 68px; }
  .frequencia-card h3 { font-size: 19px; }
}