/* ============================================================
   TEMPLO 12 RAIOS · Natália Sagrada
   Site v1 (Astrix) — IDV oficial: Cutoff Pro + Ariana Pro
   Roxo imersivo + dourado reluzente · moderno e espiritual
   ============================================================ */

/* ---- FONTES REAIS DA MARCA ---- */
@font-face{font-family:'Cutoff Pro';src:url('fonts/CutoffPro-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Cutoff Pro';src:url('fonts/CutoffPro-Bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:'Awesome Serif';src:url('fonts/AwesomeSerif-LightRegular.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:'Awesome Serif';src:url('fonts/AwesomeSerif-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Awesome Serif';src:url('fonts/AwesomeSerif-MediumRegular.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'Awesome Serif';src:url('fonts/AwesomeSerifItalic-LightReg.otf') format('opentype');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Awesome Serif';src:url('fonts/AwesomeSerifItalic-Regular.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Ariana Pro';src:url('fonts/ArianaPro-Light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:'Ariana Pro';src:url('fonts/ArianaPro-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Ariana Pro';src:url('fonts/ArianaPro-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'Ariana Pro';src:url('fonts/ArianaPro-LightItalic.otf') format('opentype');font-weight:300;font-style:italic;font-display:swap}

:root{
  /* Roxos (IDV oficial) */
  --p-base:#220535;
  --p1:#2a0840;
  --p2:#430f4c;
  --p3:#7b347d;
  --p4:#9355d6;       /* violeta claro */
  --magenta:#a32d6a;

  /* Dourado metálico */
  --gold-deep:#a9772f;
  --gold:#e6a640;
  --gold-300:#f0cf8a;
  --gold-200:#f7e3c6;
  --gold-100:#fdf3df;
  --cream:#f6ecd9;

  --ink:#efe4f5;              /* texto claro */
  --ink-soft:rgba(239,228,245,.72);
  --ink-faint:rgba(239,228,245,.52);

  --line:rgba(247,227,198,.16);
  --line-strong:rgba(247,227,198,.34);

  --maxw:1180px;
  --r:22px;
  --ease:cubic-bezier(.19,1,.22,1);

  --display:'Awesome Serif', Georgia, 'Times New Roman', serif;
  --body:'Ariana Pro', system-ui, -apple-system, sans-serif;

  color-scheme:dark;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--body);
  color:var(--ink);
  background:var(--p-base);
  line-height:1.7;
  font-size:16px;
  font-weight:300;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:var(--p1)}

/* ============ FUNDO IMERSIVO ============ */
.bgfx{
  position:fixed;inset:0;z-index:-4;
  background:
    radial-gradient(1100px 680px at 50% -6%, rgba(147,85,214,.42), transparent 60%),
    radial-gradient(820px 600px at 12% 24%, rgba(230,166,64,.12), transparent 60%),
    radial-gradient(820px 620px at 90% 58%, rgba(163,45,106,.34), transparent 62%),
    radial-gradient(1000px 760px at 50% 118%, rgba(230,166,64,.12), transparent 60%),
    linear-gradient(180deg,#3a1056 0%, #2c0a42 48%, #1c0730 100%);
}
/* auras flutuantes desfocadas */
.aura{position:fixed;border-radius:50%;filter:blur(90px);z-index:-3;pointer-events:none;opacity:.9}
.aura.a1{width:480px;height:480px;left:-140px;top:-80px;background:radial-gradient(circle,rgba(147,85,214,.5),transparent 70%);animation:drift1 24s ease-in-out infinite}
.aura.a2{width:400px;height:400px;right:-130px;top:34%;background:radial-gradient(circle,rgba(230,166,64,.2),transparent 70%);animation:drift2 29s ease-in-out infinite}
.aura.a3{width:460px;height:460px;left:36%;bottom:-170px;background:radial-gradient(circle,rgba(163,45,106,.5),transparent 70%);animation:drift1 33s ease-in-out infinite}
@keyframes drift1{0%,100%{transform:translate(0,0)}50%{transform:translate(26px,32px)}}
@keyframes drift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,-24px)}}

/* campo de partículas douradas */
.stars{position:fixed;inset:0;z-index:-2;pointer-events:none}
.stars i{
  position:absolute;width:3px;height:3px;border-radius:50%;
  background:var(--gold-200);
  box-shadow:0 0 8px var(--gold),0 0 16px rgba(247,227,198,.55);
  animation:tw 4.5s infinite ease-in-out;
}
@keyframes tw{0%,100%{opacity:.18;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}

/* ============ UTIL ============ */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
section{position:relative;padding:112px 0}
.center{text-align:center;max-width:760px;margin:0 auto}
.eyebrow{
  display:inline-block;font-family:var(--body);font-weight:500;
  font-size:11px;letter-spacing:.34em;text-transform:uppercase;
  color:var(--gold-300);margin-bottom:22px;
}
.eyebrow::before{content:"";display:inline-block;width:26px;height:1px;vertical-align:middle;
  margin-right:12px;background:linear-gradient(90deg,transparent,var(--gold))}
.eyebrow.c::after{content:"";display:inline-block;width:26px;height:1px;vertical-align:middle;
  margin-left:12px;background:linear-gradient(90deg,var(--gold),transparent)}

h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.08;letter-spacing:-.01em}
h1{font-size:clamp(40px,6.4vw,76px)}
h2{font-size:clamp(30px,4.3vw,52px)}
h3{font-size:clamp(21px,2.4vw,27px)}
em,.it{font-family:var(--body);font-style:italic;font-weight:300}

.gold-text{
  background:linear-gradient(180deg,#fefaf0,var(--gold-200) 42%,var(--gold) 72%,var(--gold-deep));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.shimmer{
  background:linear-gradient(100deg,#a9772f 0%,#e6c78f 18%,#fdf3df 36%,#f0cf8a 52%,#e6c78f 70%,#a9772f 100%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 10px rgba(230,166,64,.28));animation:reluzir 8s linear infinite;
}
@keyframes reluzir{0%{background-position:200% 0}100%{background-position:-80% 0}}

.lead{font-size:clamp(16px,1.5vw,18px);color:var(--ink-soft);max-width:60ch;margin-inline:auto}
.serif-it{font-family:var(--display);font-style:italic}

/* divisor dourado com brilho central */
.hr-gold{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto;max-width:360px}
.hr-gold::before,.hr-gold::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong))}
.hr-gold::after{background:linear-gradient(90deg,var(--line-strong),transparent)}
.hr-gold svg{width:20px;height:20px;color:var(--gold-300);filter:drop-shadow(0 0 7px rgba(230,166,64,.6))}

/* ============ BOTÕES ============ */
.btn{
  display:inline-flex;align-items:center;gap:12px;cursor:pointer;
  font-family:var(--body);font-weight:500;font-size:14px;letter-spacing:.02em;
  padding:16px 30px;border-radius:999px;border:0;position:relative;transition:.3s var(--ease);
}
.btn svg{width:18px;height:18px}
.btn.gold{
  color:#2a0735;
  background:linear-gradient(135deg,#fdf6ea 0%,#f2ddb8 30%,#e6a640 66%,#b98431 100%);
  background-size:200% 200%;
  box-shadow:0 0 42px rgba(230,166,64,.3),0 14px 30px rgba(0,0,0,.4);
  animation:luz 9s ease-in-out infinite;
}
@keyframes luz{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.btn.gold:hover{transform:translateY(-2px);box-shadow:0 0 66px rgba(230,166,64,.5),0 20px 40px rgba(0,0,0,.46)}
.btn.ghost{
  background:rgba(123,52,125,.26);color:var(--gold-200);
  border:1px solid rgba(230,166,64,.4);backdrop-filter:blur(6px);
}
.btn.ghost:hover{border-color:rgba(230,166,64,.7);transform:translateY(-2px);box-shadow:0 0 26px rgba(230,166,64,.22)}
.btn.wa{color:#082418;background:linear-gradient(135deg,#3ee07e,#25d366 46%,#128c7e);
  box-shadow:0 0 42px rgba(37,211,102,.26),0 14px 30px rgba(0,0,0,.4)}
.btn.wa:hover{transform:translateY(-2px);box-shadow:0 0 66px rgba(37,211,102,.44),0 20px 40px rgba(0,0,0,.46)}

.trust{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;
  font-size:12.5px;letter-spacing:.04em;color:var(--ink-faint)}
.trust svg{width:15px;height:15px;color:var(--gold-300)}
.trust b{color:var(--ink-soft);font-weight:500}
.trust .sep{color:var(--line-strong)}

/* ============ HEADER ============ */
header{position:fixed;top:0;left:0;right:0;z-index:60;transition:.4s var(--ease)}
header.scrolled{background:linear-gradient(180deg,rgba(28,7,48,.92),rgba(28,7,48,.4));
  backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
.nav{max-width:var(--maxw);margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{height:46px;width:auto;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35))}
.navlinks{display:flex;gap:30px;list-style:none}
.navlinks a{font-size:13px;letter-spacing:.06em;color:var(--ink-soft);padding:6px 0;position:relative;transition:.25s}
.navlinks a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:.3s var(--ease)}
.navlinks a:hover,.navlinks a.active{color:var(--gold-200)}
.navlinks a:hover::after,.navlinks a.active::after{width:100%}
.menu-toggle{display:none;background:rgba(123,52,125,.3);border:1px solid var(--line-strong);
  color:var(--gold-200);padding:10px 16px;border-radius:999px;font-family:var(--body);font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.mobile-menu{position:fixed;inset:0;z-index:55;background:linear-gradient(180deg,#2a0840,#1c0730);
  display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.4s var(--ease)}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu ul{list-style:none;text-align:center}
.mobile-menu li{position:relative;margin:0;padding:15px 0}
.mobile-menu li:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:132px;height:1px;background:linear-gradient(90deg,transparent,rgba(240,207,138,.8),transparent);
  box-shadow:0 0 9px rgba(240,207,138,.5)}
.mobile-menu a{font-family:var(--display);font-size:27px;color:var(--ink)}
.mobile-menu a:hover{color:var(--gold-200)}

/* ============ HERO ============ */
.hero{min-height:100vh;display:flex;align-items:center;padding-top:120px;padding-bottom:70px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:28px;align-items:center;width:100%}
.hero-copy .eyebrow{margin-bottom:26px}
.hero-copy h1{margin-bottom:18px}
.hero-copy .tag{font-family:var(--display);font-size:clamp(20px,2.3vw,27px);color:var(--gold-200);margin-bottom:22px}
.hero-copy .sub{font-size:17px;color:var(--ink-soft);max-width:46ch;margin-bottom:34px}

.hero-stage{position:relative;aspect-ratio:1/1.08;display:flex;align-items:center;justify-content:center}
.hero-halo{position:absolute;width:86%;height:86%;border-radius:50%;
  background:radial-gradient(circle at 50% 45%,rgba(163,45,106,.55),rgba(147,85,214,.28) 48%,transparent 70%);
  filter:blur(18px)}
.mandala{position:absolute;width:102%;height:102%;color:var(--gold-300);opacity:.5;
  animation:spin 110s linear infinite;
  -webkit-mask:radial-gradient(circle,#000 30%,rgba(0,0,0,.35) 56%,transparent 72%);
          mask:radial-gradient(circle,#000 30%,rgba(0,0,0,.35) 56%,transparent 72%)}
.mandala.rev-spin{animation:spin-r 150s linear infinite;width:118%;height:118%;opacity:.3}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spin-r{to{transform:rotate(-360deg)}}
.hero-photo{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:bottom center;
  filter:drop-shadow(0 28px 60px rgba(20,4,34,.6))}

.float-el{position:absolute;color:var(--gold-300);opacity:.85;z-index:3;
  filter:drop-shadow(0 0 10px rgba(230,166,64,.5));animation:floaty 7s ease-in-out infinite}
.float-el svg{width:100%;height:100%}
.fe-ankh{width:34px;height:56px;top:12%;left:4%;animation-delay:.4s}
.fe-lotus{width:48px;height:48px;bottom:16%;right:2%;animation-delay:1.4s}
.fe-sun{width:40px;height:40px;top:20%;right:8%;animation-delay:2.2s}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(4deg)}}

/* chip flutuante whatsapp no hero */
.chip-cta{position:absolute;z-index:4;left:-10px;bottom:8%;display:flex;align-items:center;gap:12px;
  background:linear-gradient(160deg,rgba(42,8,64,.9),rgba(28,7,48,.82));
  border:1px solid rgba(230,166,64,.4);border-radius:18px;padding:12px 18px 12px 12px;
  backdrop-filter:blur(8px);box-shadow:0 18px 40px rgba(0,0,0,.4);transition:.3s var(--ease)}
.chip-cta:hover{transform:translateY(-3px);border-color:rgba(230,166,64,.7)}
.chip-cta .wa-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(140deg,#3ee07e,#25d366 50%,#0e6b4f)}
.chip-cta .wa-ic svg{width:22px;height:22px;fill:#eafff3}
.chip-cta strong{display:block;font-family:var(--body);font-weight:500;font-size:14px;color:var(--ink)}
.chip-cta small{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-300)}

/* ============ MARQUEE DEIDADES ============ */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:20px 0;background:rgba(28,7,48,.3);white-space:nowrap;position:relative}
.marquee .track{display:inline-flex;align-items:center;gap:26px;animation:slide 36s linear infinite;will-change:transform}
.marquee span{font-family:var(--body);font-size:16px;color:var(--ink-soft);letter-spacing:.08em}
.marquee .tradition{color:var(--gold-300);font-size:12px;font-family:var(--body);font-weight:500;
  letter-spacing:.3em;text-transform:uppercase}
.marquee .dot{color:var(--gold);opacity:.6}
@keyframes slide{to{transform:translateX(-50%)}}

/* ============ MANIFESTO ============ */
.manifesto{padding:80px 0 44px}
.manifesto h2{margin:10px 0 24px}
.insight{max-width:720px;margin:0 auto;font-size:clamp(17px,1.7vw,20px);line-height:1.8;color:var(--ink-soft)}
.insight::before{content:"“";font-family:var(--display);color:var(--gold);font-size:60px;line-height:0;
  display:block;height:28px;opacity:.5}

/* ============ TRÊS PORTAS ============ */
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.path{position:relative;padding:40px 32px 34px;border-radius:var(--r);
  background:linear-gradient(160deg,rgba(123,52,125,.22),rgba(42,8,64,.3));
  border:1px solid var(--line);overflow:hidden;transition:.4s var(--ease);display:block}
.path::before{content:"";position:absolute;inset:0;border-radius:var(--r);padding:1px;
  background:linear-gradient(160deg,rgba(230,166,64,.5),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:.4s}
.path:hover{transform:translateY(-6px);background:linear-gradient(160deg,rgba(123,52,125,.34),rgba(42,8,64,.4))}
.path:hover::before{opacity:1}
.path .num{font-family:var(--display);font-size:30px;color:var(--gold);opacity:.65;margin-bottom:18px;
  letter-spacing:.1em;text-transform:lowercase}
.path h3{margin-bottom:12px;color:var(--ink)}
.path p{font-size:14.5px;color:var(--ink-soft);margin-bottom:22px}
.path .arrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gold-300)}
.path .arrow svg{width:16px;height:16px;transition:.3s}
.path:hover .arrow svg{transform:translateX(5px)}

/* ============ SOBRE NATÁLIA ============ */
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.about-photo{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;
  border:1px solid var(--line-strong);box-shadow:0 30px 60px rgba(0,0,0,.45)}
.about-photo .img{width:100%;height:100%;background-size:cover;background-position:center 12%;transition:1.2s var(--ease)}
.about-photo:hover .img{transform:scale(1.05)}
.about-photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(28,7,48,.5))}
.about-body h2{margin:10px 0 22px}
.about-body p{color:var(--ink-soft);margin-bottom:18px;font-size:16px}
.about-quote{font-family:var(--display);font-style:normal;font-size:clamp(20px,2vw,25px);line-height:1.4;
  color:var(--gold-200);padding:20px 0 20px 26px;border-left:2px solid rgba(230,166,64,.5);margin:26px 0}

/* ============ DEPOIMENTOS ============ */
.fb-head{margin-bottom:46px}
.fbscroll{display:flex;gap:22px;overflow-x:auto;padding:6px 28px 26px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:none}
.fbscroll::-webkit-scrollbar{display:none}
.fb-card{scroll-snap-align:start;flex:0 0 360px;max-width:360px;padding:32px 30px;border-radius:var(--r);
  background:linear-gradient(160deg,rgba(123,52,125,.2),rgba(42,8,64,.32));border:1px solid var(--line)}
.fb-stars{display:flex;gap:4px;margin-bottom:18px}
.fb-stars svg{width:16px;height:16px;fill:var(--gold);filter:drop-shadow(0 0 5px rgba(230,166,64,.5))}
.fb-body{font-family:var(--display);font-size:18px;line-height:1.5;color:var(--ink);margin-bottom:22px;font-style:italic}
.fb-meta{font-size:12px;letter-spacing:.04em;color:var(--ink-faint)}
.fb-meta strong{display:block;color:var(--gold-300);font-weight:500;margin-bottom:3px;font-style:normal}

/* ============ INSTAGRAM ============ */
.ig-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;margin-bottom:40px}
.ig-handle{display:inline-flex;align-items:center;gap:10px;color:var(--gold-200);font-weight:500;
  font-size:14px;letter-spacing:.04em;border:1px solid var(--line-strong);padding:11px 20px;border-radius:999px;transition:.3s}
.ig-handle:hover{border-color:rgba(230,166,64,.7);background:rgba(123,52,125,.26)}
.ig-handle svg{width:19px;height:19px}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ig-post{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.ig-post .img{width:100%;height:100%;background-size:cover;background-position:center;transition:.6s var(--ease)}
.ig-post:hover .img{transform:scale(1.08)}
.ig-post .ov{position:absolute;inset:0;display:flex;align-items:flex-end;padding:14px;gap:6px;
  background:linear-gradient(180deg,transparent 50%,rgba(28,7,48,.7));opacity:0;transition:.3s;
  color:var(--gold-200);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.ig-post:hover .ov{opacity:1}
.ig-post .ov svg{width:15px;height:15px}
.ig-cta{text-align:center;margin-top:36px}

/* ============ CLOSING ============ */
.closing{text-align:center}
.closing-card{max-width:860px;margin:0 auto;padding:72px 48px;border-radius:30px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(163,45,106,.26),rgba(123,52,125,.2));border:1px solid var(--line-strong)}
.closing-card .aura-in{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(80px);
  background:radial-gradient(circle,rgba(230,166,64,.22),transparent 70%);top:-120px;left:50%;transform:translateX(-50%)}
.closing-card>*{position:relative;z-index:1}
.closing h2{margin:12px 0 22px}
.closing .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px}

/* ============ FOOTER ============ */
footer{border-top:1px solid var(--line);padding:70px 0 34px;background:rgba(20,4,34,.5)}
.foot-grid{max-width:var(--maxw);margin:0 auto;padding:0 28px;display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}
.foot-brand img{height:84px;margin-bottom:18px}
.foot-brand p{font-size:13.5px;color:var(--ink-faint);max-width:34ch}
.foot-col h5{font-family:var(--body);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-300);margin-bottom:18px}
.foot-col ul{list-style:none}
.foot-col li{margin-bottom:11px}
.foot-col a,.foot-col li{font-size:14px;color:var(--ink-soft);transition:.25s}
.foot-col a:hover{color:var(--gold-200)}
.foot-bottom{max-width:var(--maxw);margin:48px auto 0;padding:26px 28px 0;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ink-faint)}

/* ============ WHATSAPP FLOAT ============ */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:70;width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;background:linear-gradient(140deg,#3ee07e,#25d366 50%,#0e6b4f);
  box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 30px rgba(37,211,102,.4);transition:.3s var(--ease);
  animation:pulse 3s ease-in-out infinite}
.wa-float svg{width:30px;height:30px;fill:#fff}
.wa-float:hover{transform:scale(1.08)}
@keyframes pulse{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 0 rgba(37,211,102,.5)}
  50%{box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 14px rgba(37,211,102,0)}}

/* ============ REVEAL ============ */
.rev{opacity:0;transform:translateY(30px);transition:1s var(--ease)}
.rev.in{opacity:1;transform:none}
.rev.d1{transition-delay:.1s}.rev.d2{transition-delay:.2s}.rev.d3{transition-delay:.3s}

/* ============ RESPONSIVO ============ */
@media (max-width:900px){
  .navlinks{display:none}
  .menu-toggle{display:inline-block}
  section{padding:84px 0}
  .hero-grid{grid-template-columns:1fr;gap:10px;text-align:center}
  .hero-copy .eyebrow::before{display:none}
  .hero-copy .sub{margin-inline:auto}
  .hero-copy .trust{justify-content:center}
  /* hero mobile: foto circular da Natália (como no desktop) + chip retangular abaixo */
  .hero-stage{order:0;max-width:none;margin:16px auto 0;aspect-ratio:auto;min-height:0;
    display:flex;flex-direction:column;align-items:center;gap:0}
  .hero-halo{display:none}
  .hero-circle{display:block;position:relative;width:min(230px,58vw);aspect-ratio:1;margin:0 auto}
  .chip-cta{position:static;left:auto;bottom:auto;
    margin:-20px auto 0;width:100%;max-width:320px;text-align:left;padding:14px 18px;border-radius:16px;
    background:linear-gradient(140deg,rgba(52,18,70,.96),rgba(34,8,56,.98));
    animation:chipsoft 5.5s ease-in-out infinite !important}
  .chip-cta:hover{transform:translateY(-3px)}
  /* foto de fundo do hero deslocada p/ revelar parte cortada */
  .hero-bg-photo{background-position:34% center}
  .paths{grid-template-columns:1fr;gap:18px}
  .about{grid-template-columns:1fr;gap:34px}
  .about-photo{max-width:420px;margin:0 auto;width:100%}
  .foot-grid{grid-template-columns:1fr 1fr;gap:30px}
  .ig-grid{gap:10px}
}
@media (max-width:540px){
  .wrap{padding:0 20px}
  .fb-card{flex:0 0 244px;max-width:244px;padding:24px 22px}
  .fb-body{font-size:15.5px;margin-bottom:16px}
  .fb-stars{margin-bottom:13px}
  .fb-stars svg{width:14px;height:14px}
  .fb-head{margin-bottom:32px}
  .closing-card{padding:52px 26px}
  /* rodapé compacto e simétrico: tudo centralizado */
  footer{padding:48px 0 26px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:22px 18px;padding:0 22px;text-align:center}
  .foot-brand{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;margin-bottom:2px}
  .foot-brand img{height:62px;margin-bottom:12px}
  .foot-brand p{font-size:12.5px;max-width:40ch;margin:0 auto}
  .foot-col h5{margin-bottom:11px}
  .foot-col li{margin-bottom:8px}
  .foot-col a,.foot-col li{font-size:13.5px}
  /* Contato em linha única centralizada, ocupando a largura toda */
  .foot-col:last-child{grid-column:1 / -1;margin-top:4px}
  .foot-col:last-child ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px}
  .foot-col:last-child li{margin-bottom:0}
  .foot-bottom{margin-top:26px;padding:18px 22px 0;justify-content:center;text-align:center}
  .made-by{margin-bottom:6px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rev{opacity:1;transform:none}}

/* ===== HERO: foto de fundo do templo + círculo da Natália ===== */
.hero{position:relative}
.hero .wrap{position:relative;z-index:3}
.hero-scene{display:none} /* a foto do templo já traz colunas, luz e névoa */
.hero-bg-photo{position:absolute;inset:0;z-index:0;background:#2a0840 url('fundo-templo.jpg?v=2') center/cover no-repeat}
.hero-bg-photo::after{content:"";position:absolute;inset:0;background:
  radial-gradient(1100px 760px at 16% 48%, rgba(42,8,64,.82), transparent 58%),
  linear-gradient(90deg,#2a0840 0%, rgba(42,8,64,.32) 44%, transparent 74%),
  linear-gradient(180deg, rgba(27,6,47,.55) 0%, transparent 28%, #1b062f 100%)}
.hero-circle{position:relative;z-index:2;width:94%;aspect-ratio:1;border-radius:50%;overflow:hidden;
  border:2px solid rgba(247,227,198,.42);
  box-shadow:0 30px 70px rgba(20,4,34,.6), 0 0 60px rgba(230,166,64,.18), inset 0 0 40px rgba(26,6,47,.45)}
.hero-circle .img{width:100%;height:100%;background-size:cover;background-position:center 20%;transition:1.2s var(--ease)}
.hero-stage:hover .hero-circle .img{transform:scale(1.05)}
@media (max-width:900px){.hero-bg-photo::after{background:
  linear-gradient(180deg, rgba(27,6,47,.35) 0%, rgba(27,6,47,.55) 55%, #1b062f 100%)}}
.hero-ig{display:inline-flex;align-items:center;gap:9px;margin-top:20px;font-family:var(--body);
  font-size:14px;letter-spacing:.04em;color:var(--gold-300);transition:.3s var(--ease)}
.hero-ig svg{width:18px;height:18px}
.hero-ig:hover{color:var(--gold-200)}
@media (max-width:900px){.hero-copy .hero-ig{justify-content:center}}
/* a faixa de deidades sempre rola (mesmo com reduzir-movimento do sistema) */
.marquee .track{animation:slide 36s linear infinite!important}

/* ===== PONTOS MAIS CLAROS: faixas "veil" num violeta mais claro ===== */
.band--veil{background:
  radial-gradient(1200px 740px at 50% -6%, rgba(147,85,214,.42), transparent 56%),
  radial-gradient(820px 560px at 84% 114%, rgba(230,166,64,.1), transparent 58%),
  radial-gradient(760px 520px at 10% 92%, rgba(163,45,106,.32), transparent 60%),
  linear-gradient(180deg,#311157 0%, #2a0840 58%, #220535 100%)}
.band--veil .lead{color:rgba(240,228,248,.82)}
.band--veil .eyebrow{color:var(--gold-200)}

/* ===== BOTÕES COM EFEITO (brilho que passa + lift) ===== */
.btn{overflow:hidden}
.btn::after{content:"";position:absolute;top:-12%;left:-135%;width:55%;height:124%;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg)}
.btn:hover::after{left:155%;transition:left .8s ease}
.btn.gold:hover{transform:translateY(-3px) scale(1.012);box-shadow:0 0 72px rgba(230,166,64,.55),0 22px 46px rgba(0,0,0,.48)}
.btn.ghost{transition:.35s var(--ease)}
.btn.ghost:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 0 26px rgba(230,166,64,.22)}
/* brilho contínuo bem sutil no botão dourado em repouso */
.btn.gold{background-size:220% 220%}

/* ===== TRÊS PORTAS: cards com FOTO + box dourado ===== */
.paths .path{padding:0;overflow:hidden;display:block}
.path-photo{position:relative;aspect-ratio:4/3;overflow:hidden}
.paths .path:nth-child(1) .path-photo .img{background-position:center 34%}
.paths .path:nth-child(2) .path-photo .img{background-position:center 70%}
.paths .path:nth-child(3) .path-photo .img{background-position:center 48%}
.about-quote{border-left:0;padding-left:0;margin:12px 0}
/* círculo do hero: nova cutout com fundinho quente atrás da transparência */
.hero-circle{background:radial-gradient(circle at 50% 42%, rgba(96,58,44,.5), rgba(52,22,60,.74) 70%)}
.hero-circle .img{background-position:center 16%}

/* ===== destacar os 3 cards do fundo: cor + borda dourada + brilho ===== */
.paths .path{border:1px solid rgba(230,166,64,.32);
  background:linear-gradient(165deg, rgba(86,38,126,.5), rgba(40,10,62,.66));
  box-shadow:0 26px 62px rgba(12,3,26,.55)}
.paths .path:hover{transform:translateY(-8px);
  box-shadow:0 36px 82px rgba(12,3,26,.6), 0 0 46px rgba(230,166,64,.24);border-color:rgba(230,166,64,.6)}
/* fiozinho dourado no topo de cada card */
.paths .path::after{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;z-index:3;
  background:linear-gradient(90deg,transparent,rgba(240,207,138,.9),transparent)}
.path-photo .img{position:absolute;inset:0;background-size:cover;background-position:center;transition:1.1s var(--ease)}
.path:hover .path-photo .img{transform:scale(1.07)}
.path-photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(26,6,47,.05) 0%,rgba(42,8,64,.28) 55%,rgba(42,8,64,.85) 100%)}
.path-wm{position:absolute;top:14px;left:22px;z-index:2;font-family:var(--display);font-size:30px;
  color:var(--gold-300);text-shadow:0 2px 12px rgba(0,0,0,.6)}
.path-tag{padding:0 28px;margin-top:20px;font-family:var(--body);font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-300)}
.path h3{padding:0 28px;margin:8px 0 10px;color:var(--ink)}
.path p{padding:0 28px;font-size:14px;color:var(--ink-soft);margin-bottom:22px}
.path-btn{display:inline-flex;align-items:center;gap:10px;margin:0 28px 30px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#fdf6ea,#f0cf8a 45%,#d6a444);color:#2a0735;
  font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  padding:13px 22px;border-radius:999px;box-shadow:0 10px 26px rgba(230,166,64,.32);transition:.35s var(--ease)}
.path-btn svg{width:15px;height:15px;color:#2a0735;transition:.35s}
.path:hover .path-btn{transform:translateY(-2px);box-shadow:0 0 46px rgba(230,166,64,.55),0 16px 34px rgba(0,0,0,.42)}
.path:hover .path-btn svg{transform:translateX(4px)}
.path-btn::after{content:"";position:absolute;top:-12%;left:-135%;width:55%;height:124%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg)}
.path:hover .path-btn::after{left:155%;transition:left .8s ease}

/* ===== SOBRE NATÁLIA: fundo com variação + quadro + texto mais claro ===== */
.band--night{background:
  radial-gradient(900px 640px at 14% 18%, rgba(123,52,125,.34), transparent 55%),
  radial-gradient(820px 580px at 90% 92%, rgba(163,45,106,.30), transparent 55%),
  linear-gradient(180deg,#2a0840 0%,#1f0633 100%)}
.band--night .about{position:relative}
.band--night .about::before{content:"";position:absolute;inset:-38px -34px;border-radius:28px;z-index:0;
  background:linear-gradient(155deg,rgba(123,52,125,.26),rgba(42,8,64,.42));
  border:1px solid var(--line-strong);box-shadow:0 34px 80px rgba(0,0,0,.4)}
.band--night .about>*{position:relative;z-index:1}
.band--night .about-body p{color:rgba(245,238,250,.92)}
.band--night .about-cred{color:rgba(245,238,250,.7)}
@media (max-width:900px){.band--night .about::before{inset:-20px -16px}}


/* ===== FUNDOS MAIS DINÂMICOS: glows + linhas + símbolos dourados finos ===== */
.band{border-top:1px solid rgba(230,166,64,.1);overflow:hidden}
html{overflow-x:hidden;max-width:100vw}
.band>.wrap,.band .wrap{position:relative;z-index:2}
/* símbolo sol de 12 raios, fino e translúcido, no canto */
.band::before{content:"";position:absolute;top:44px;right:4%;width:146px;height:146px;z-index:0;pointer-events:none;opacity:.1;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2060%2060%27%20fill%3D%27none%27%20stroke%3D%27%23f0cf8a%27%20stroke-width%3D%270.9%27%20stroke-linecap%3D%27round%27%3E%3Ccircle%20cx%3D%2730%27%20cy%3D%2730%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%2730%27%20cy%3D%2730%27%20r%3D%273%27%2F%3E%3Cg%3E%3Cline%20x1%3D%2730%27%20y1%3D%272%27%20x2%3D%2730%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%2730%27%20y1%3D%2748%27%20x2%3D%2730%27%20y2%3D%2758%27%2F%3E%3Cline%20x1%3D%272%27%20y1%3D%2730%27%20x2%3D%2712%27%20y2%3D%2730%27%2F%3E%3Cline%20x1%3D%2748%27%20y1%3D%2730%27%20x2%3D%2758%27%20y2%3D%2730%27%2F%3E%3Cline%20x1%3D%279%27%20y1%3D%279%27%20x2%3D%2716%27%20y2%3D%2716%27%2F%3E%3Cline%20x1%3D%2744%27%20y1%3D%2744%27%20x2%3D%2751%27%20y2%3D%2751%27%2F%3E%3Cline%20x1%3D%2751%27%20y1%3D%279%27%20x2%3D%2744%27%20y2%3D%2716%27%2F%3E%3Cline%20x1%3D%2716%27%20y1%3D%2744%27%20x2%3D%279%27%20y2%3D%2751%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat}
.band--night::before{display:none}
/* segundo símbolo (sol menor) no canto oposto de algumas seções */
.band--veil::after{content:"";position:absolute;bottom:40px;left:4%;width:110px;height:110px;z-index:0;pointer-events:none;opacity:.08;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2060%2060%27%20fill%3D%27none%27%20stroke%3D%27%23f0cf8a%27%20stroke-width%3D%270.9%27%20stroke-linecap%3D%27round%27%3E%3Ccircle%20cx%3D%2730%27%20cy%3D%2730%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%2730%27%20cy%3D%2730%27%20r%3D%273%27%2F%3E%3Cg%3E%3Cline%20x1%3D%2730%27%20y1%3D%272%27%20x2%3D%2730%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%2730%27%20y1%3D%2748%27%20x2%3D%2730%27%20y2%3D%2758%27%2F%3E%3Cline%20x1%3D%272%27%20y1%3D%2730%27%20x2%3D%2712%27%20y2%3D%2730%27%2F%3E%3Cline%20x1%3D%2748%27%20y1%3D%2730%27%20x2%3D%2758%27%20y2%3D%2730%27%2F%3E%3Cline%20x1%3D%279%27%20y1%3D%279%27%20x2%3D%2716%27%20y2%3D%2716%27%2F%3E%3Cline%20x1%3D%2744%27%20y1%3D%2744%27%20x2%3D%2751%27%20y2%3D%2751%27%2F%3E%3Cline%20x1%3D%2751%27%20y1%3D%279%27%20x2%3D%2744%27%20y2%3D%2716%27%2F%3E%3Cline%20x1%3D%2716%27%20y1%3D%2744%27%20x2%3D%279%27%20y2%3D%2751%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat}
/* mandala marca d'água (div que já existe) girando bem devagar */
.mandala-watermark{position:absolute;width:580px;height:580px;top:-150px;left:-130px;z-index:0;pointer-events:none;opacity:.08;
  animation:spin 190s linear infinite;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20200%20200%27%20fill%3D%27none%27%20stroke%3D%27%23f0cf8a%27%20stroke-width%3D%270.7%27%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%27100%27%20r%3D%2797%27%2F%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%27100%27%20r%3D%2780%27%2F%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%27100%27%20r%3D%2758%27%2F%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%27100%27%20r%3D%2738%27%2F%3E%3Cg%20transform%3D%27translate%28100%20100%29%27%3E%3Cpath%20d%3D%27M0%20-78%20Q14%20-55%200%20-34%20Q-14%20-55%200%20-78Z%27%2F%3E%3Cpath%20d%3D%27M0%20-78%20Q14%20-55%200%20-34%20Q-14%20-55%200%20-78Z%27%20transform%3D%27rotate%2845%29%27%2F%3E%3Cpath%20d%3D%27M0%20-78%20Q14%20-55%200%20-34%20Q-14%20-55%200%20-78Z%27%20transform%3D%27rotate%2890%29%27%2F%3E%3Cpath%20d%3D%27M0%20-78%20Q14%20-55%200%20-34%20Q-14%20-55%200%20-78Z%27%20transform%3D%27rotate%28135%29%27%2F%3E%3Cpath%20d%3D%27M0%20-78%20Q14%20-55%200%20-34%20Q-14%20-55%200%20-78Z%27%20transform%3D%27rotate%28180%29%27%2F%3E%3Cpath%20d%3D%27M0%20-78%20Q14%20-55%200%20-34%20Q-14%20-55%200%20-78Z%27%20transform%3D%27rotate%28225%29%27%2F%3E%3Cpath%20d%3D%27M0%20-78%20Q14%20-55%200%20-34%20Q-14%20-55%200%20-78Z%27%20transform%3D%27rotate%28270%29%27%2F%3E%3Cpath%20d%3D%27M0%20-78%20Q14%20-55%200%20-34%20Q-14%20-55%200%20-78Z%27%20transform%3D%27rotate%28315%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat}
.mandala-watermark.right{left:auto;right:-150px;top:auto;bottom:-170px}
/* lótus marca d'água */
.lotus-watermark{position:absolute;width:210px;height:210px;right:7%;top:14%;z-index:0;pointer-events:none;opacity:.13;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%20100%27%20fill%3D%27none%27%20stroke%3D%27%23f0cf8a%27%20stroke-width%3D%271%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M50%2086%20Q14%2070%2014%2040%20Q30%2052%2036%2062%27%2F%3E%3Cpath%20d%3D%27M50%2086%20Q86%2070%2086%2040%20Q70%2052%2064%2062%27%2F%3E%3Cpath%20d%3D%27M50%2086%20Q26%2062%2028%2030%20Q40%2046%2044%2058%27%2F%3E%3Cpath%20d%3D%27M50%2086%20Q74%2062%2072%2030%20Q60%2046%2056%2058%27%2F%3E%3Cpath%20d%3D%27M50%2086%20Q50%2058%2050%2038%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
/* glow dourado extra nas faixas profundas (sanctum/altar) */
.band--sanctum{background:
  radial-gradient(820px 540px at 80% 18%, rgba(230,166,64,.08), transparent 60%),
  radial-gradient(760px 520px at 14% 86%, rgba(147,85,214,.2), transparent 60%),
  linear-gradient(180deg,#220535,#160326)}
.band--altar{background:
  radial-gradient(760px 520px at 50% 0%, rgba(230,166,64,.12), transparent 62%),
  radial-gradient(700px 500px at 20% 100%, rgba(163,45,106,.26), transparent 60%),
  linear-gradient(180deg,#2a0840,#1b062f)}

/* remover sol de 12 raios do fundo (ficou ruim) */
.band::before,.band--veil::after{display:none!important}

.lotus-watermark,.mandala-watermark{display:none!important}

/* trazer o circulo da foto um pouco pra esquerda */
.hero-stage{transform:none}
@media(max-width:900px){.hero-stage{transform:none}}

/* setas e movimento do carrossel de depoimentos */
.fbscroll{scroll-snap-type:none}
.fb-nav{position:absolute;top:63%;transform:translateY(-50%);z-index:6;width:50px;height:50px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;border:1px solid rgba(230,166,64,.42);
  background:rgba(34,5,53,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f7e3c6;transition:.3s cubic-bezier(.19,1,.22,1)}
.fb-nav:hover{background:linear-gradient(135deg,#f0cf8a,#d6a444);color:#2a0735;border-color:transparent;box-shadow:0 0 28px rgba(230,166,64,.45)}
.fb-nav svg{width:22px;height:22px}
.fb-nav.prev{left:20px}.fb-nav.next{right:20px}
@media(max-width:560px){.fb-nav{width:42px;height:42px}.fb-nav.prev{left:8px}.fb-nav.next{right:8px}}

/* ===== SOBRE (SÓ HOME): quadro creme destacando do fundo roxo, textos em violeta ===== */
.band--night.sobre-home .about::before{
  background:linear-gradient(158deg,#fbf4e3,#f3e6cb);
  border:1px solid rgba(176,120,40,.3);
  box-shadow:0 34px 80px rgba(20,4,34,.5), inset 0 1px 0 rgba(255,255,255,.55)}
.band--night.sobre-home .about-body h2{color:#2a0840}
.band--night.sobre-home .about-body h2 .serif-it{color:#5a1e74}
.band--night.sobre-home .about-body p{color:#3a1458}
.band--night.sobre-home .about-body .eyebrow{color:#8a5a1e}
.band--night.sobre-home .about-body .eyebrow::before{background:linear-gradient(90deg,transparent,#b0782a)}
.band--night.sobre-home .about-quote{color:#431067}
.band--night.sobre-home .about .btn.ghost{color:#2a0840;border-color:rgba(112,76,35,.55)}
.band--night.sobre-home .about .btn.ghost:hover{background:linear-gradient(135deg,#f0cf8a,#d6a444);color:#2a0735;border-color:transparent}
/* a home mantém a foto SEM flutuar (fica dentro do quadro creme) */
.band--night.sobre-home .about-photo{animation:none !important}

/* ===== sem divisória escura entre Instagram e "Falar com o Templo": fundo contínuo ===== */
/* a faixa do Instagram termina num tom liso (#220535) sem glows na base... */
.band--veil.pre-closing{
  border-bottom:0;
  padding-bottom:48px;
  background:
   radial-gradient(1200px 740px at 50% -6%, rgba(147,85,214,.42), transparent 56%),
   linear-gradient(180deg,#311157 0%, #2a0840 58%, #220535 100%)}
/* ...e a de contato começa exatamente no mesmo tom, sem fio nem glow no topo */
.band--altar.closing{
  border-top:0;
  padding-top:40px;
  background:
   radial-gradient(820px 560px at 50% 48%, rgba(230,166,64,.12), transparent 60%),
   radial-gradient(760px 520px at 18% 108%, rgba(163,45,106,.26), transparent 60%),
   linear-gradient(180deg,#220535 0%, #1e0530 55%, #1b062f 100%)}

/* ===== estrelinhas leves no hero, por cima da foto (abaixo do conteúdo) ===== */
.hero-stars{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-stars i,.band-stars i{position:absolute;display:block;border-radius:50%;background:#fff;
  box-shadow:0 0 6px 1px rgba(247,227,198,.65)}
/* estrelinhas no fundo das faixas escuras (acima do fundo, atrás do conteúdo) */
.band-stars{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}

/* ===== sem divisória entre "Três Portas" (cards) e "Conheça Natália" ===== */
.band--veil.pre-night{
  border-bottom:0;
  background:
   radial-gradient(1200px 740px at 50% -6%, rgba(147,85,214,.42), transparent 56%),
   linear-gradient(180deg,#311157 0%, #2a0840 70%, #2a0840 100%)}

/* ============================================================
   PÁGINAS INTERNAS (consultas · rituais · kit · templo · contato)
   ============================================================ */
.subhero{position:relative;padding:180px 0 66px;text-align:center;overflow:hidden}
.subhero .eyebrow{margin-bottom:22px}
.subhero h1{font-size:clamp(38px,5.4vw,66px);margin-bottom:20px}
.subhero .lead{margin-inline:auto;max-width:650px}
.subhero>.wrap{position:relative;z-index:2}
.subhero-stars{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.page-intro{max-width:720px;margin:0 auto 6px;text-align:center}
.page-intro .lead{margin-inline:auto}

/* grade de serviços / preços */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:12px}
@media(max-width:900px){.svc-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}
.svc{position:relative;display:flex;flex-direction:column;gap:13px;padding:38px 30px 32px;border-radius:var(--r);
  border:1px solid rgba(230,166,64,.32);background:linear-gradient(165deg,rgba(86,38,126,.5),rgba(40,10,62,.66));
  box-shadow:0 24px 60px rgba(16,4,30,.5);transition:.4s var(--ease);overflow:hidden}
.svc::after{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e6a640,transparent);opacity:.7}
.svc:hover{transform:translateY(-6px);border-color:rgba(230,166,64,.6)}
.svc.svc--star{border-color:rgba(230,166,64,.6);box-shadow:0 30px 70px rgba(230,166,64,.14),0 24px 60px rgba(16,4,30,.5)}
.svc .tag{font-family:var(--body);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-200);font-weight:600}
.svc h3{font-family:var(--display);font-size:26px;color:var(--ink)}
.svc .svc-desc{font-size:14.5px;color:var(--ink-soft);line-height:1.62}
.svc ul{list-style:none;display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--ink-soft)}
.svc li::before{content:"·";color:var(--gold-200);margin-right:8px;font-weight:700}
.svc .price{font-family:var(--display);font-size:34px;color:var(--gold-200);margin:6px 0 2px}
.svc .price small{display:block;font-family:var(--body);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:3px;font-weight:500}
.svc .svc-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:999px;
  font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(135deg,#f0cf8a,#d6a444);color:#2a0735;transition:.3s var(--ease)}
.svc .svc-cta svg{width:16px;height:16px}
.svc .svc-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(230,166,64,.3)}

/* selos de confiança */
.seals{display:flex;flex-wrap:wrap;gap:13px;justify-content:center;margin-top:30px}
.seal{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:999px;border:1px solid rgba(230,166,64,.3);
  background:rgba(28,7,48,.4);font-family:var(--body);font-size:13px;color:var(--ink-soft)}
.seal svg{width:17px;height:17px;color:var(--gold-200);flex:0 0 auto}

/* passos do método */
.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:14px}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.step{position:relative;padding:32px 30px;border-radius:var(--r);border:1px solid var(--line-strong);
  background:linear-gradient(160deg,rgba(123,52,125,.22),rgba(42,8,64,.42))}
.step .num{font-family:var(--display);font-size:42px;color:var(--gold-200);line-height:1;opacity:.92}
.step h3{font-family:var(--display);font-size:22px;color:var(--ink);margin:12px 0 10px}
.step p{font-size:14.5px;color:var(--ink-soft);line-height:1.65}

/* FAQ */
.faq{max-width:760px;margin:14px auto 0;display:flex;flex-direction:column;gap:12px}
.faq details{border:1px solid var(--line-strong);border-radius:16px;background:rgba(28,7,48,.35);overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:20px 24px;font-family:var(--display);font-size:18px;color:var(--ink);
  display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold-200);font-size:24px;line-height:1;transition:.3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 24px 20px;color:var(--ink-soft);font-size:14.5px;line-height:1.7}

/* cartões de contato */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:14px}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}
.contact-card{padding:34px 28px;border-radius:var(--r);text-align:center;border:1px solid rgba(230,166,64,.3);
  background:linear-gradient(165deg,rgba(86,38,126,.46),rgba(40,10,62,.6));transition:.35s var(--ease)}
.contact-card:hover{transform:translateY(-5px);border-color:rgba(230,166,64,.55)}
.contact-card .ic{width:54px;height:54px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle,rgba(230,166,64,.22),transparent 70%);color:var(--gold-200)}
.contact-card .ic svg{width:26px;height:26px}
.contact-card h3{font-family:var(--display);font-size:22px;color:var(--ink);margin-bottom:8px}
.contact-card p{font-size:14px;color:var(--ink-soft);line-height:1.6}
.contact-card .line{color:var(--gold-200);font-family:var(--body);font-size:15px}

/* ============================================================
   ELEVAÇÃO v11 · mais ouro, profundidade, glow e movimento
   ============================================================ */
@keyframes goldshift{to{background-position:200% 0}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes glowpulse{0%,100%{opacity:.55;transform:scale(.985)}50%{opacity:1;transform:scale(1.02)}}

/* títulos dourados ganham reluzir vivo */
.gold-text{
  background:linear-gradient(100deg,#c9882f,#e6a640 24%,#fff6e3 50%,#e6a640 76%,#c9882f);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:goldshift 9s linear infinite !important}

/* estrelinhas: algumas douradas */
.stars i:nth-child(4n),.band-stars i:nth-child(4n),.subhero-stars i:nth-child(4n),.hero-stars i:nth-child(3n){
  background:#f0cf8a;box-shadow:0 0 8px 1px rgba(240,207,138,.85)}

/* ---------- CARDS DE SERVIÇO (Consultas + O Templo): centrado, glow branco, +ouro, maior ---------- */
.svc{text-align:center;align-items:center;overflow:visible;padding:44px 32px 36px;gap:15px;border-color:rgba(230,166,64,.5)}
.svc::before{content:"";position:absolute;inset:-16px -8px;z-index:-1;border-radius:32px;
  background:radial-gradient(ellipse at 50% 36%, rgba(255,255,255,.17), rgba(247,227,198,.08) 46%, transparent 72%);filter:blur(9px)}
.svc::after{left:8%;right:8%;top:0;height:3px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,transparent,#f0cf8a,#e6a640,#f0cf8a,transparent);opacity:.95}
.svc:hover{transform:translateY(-8px);border-color:#f0cf8a;box-shadow:0 36px 82px rgba(16,4,30,.55),0 0 48px rgba(240,207,138,.3)}
.svc .tag{font-size:12px;letter-spacing:.34em;color:var(--gold-300)}
.svc h3{font-size:30px}
.svc .svc-desc{font-size:15.5px;max-width:34ch;margin-inline:auto}
.svc ul{align-items:center}
.svc .price{font-size:44px;background:linear-gradient(180deg,#fff6e3,#f0cf8a 46%,#e6a640 76%,#c9882f);
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(230,166,64,.3))}
.svc .svc-cta{box-shadow:0 12px 30px rgba(230,166,64,.34)}
.svc.svc--star{border-color:#f0cf8a;box-shadow:0 34px 76px rgba(230,166,64,.22),0 24px 60px rgba(16,4,30,.5)}
.svc.svc--star::before{background:radial-gradient(ellipse at 50% 36%, rgba(255,255,255,.26), rgba(247,227,198,.12) 46%, transparent 72%)}

/* ---------- BLOCOS FOTO+TEXTO internos: místico, sem creme, foto com glow + flutuação ---------- */
.band--night:not(.sobre-home) .about-body h2,.band--sanctum .about-body h2{font-size:clamp(30px,3.7vw,46px)}
.band--night:not(.sobre-home) .about-body h2 .serif-it,.band--sanctum .about-body h2 .serif-it{
  background:linear-gradient(180deg,#fff6e3,#f0cf8a 50%,#e6a640);-webkit-background-clip:text;background-clip:text;color:transparent}
.band--night:not(.sobre-home) .about-quote,.band--sanctum .about-quote{font-size:clamp(21px,2.1vw,27px);
  background:linear-gradient(100deg,#e6a640,#f7e3c6 42%,#f0cf8a 60%,#e6a640);background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:goldshift 10s linear infinite !important}
.about-photo{position:relative;box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(240,207,138,.32),0 0 54px rgba(230,166,64,.2);
  animation:floaty 7s ease-in-out infinite !important}
.about-photo::before{content:"";position:absolute;inset:-16px;z-index:-1;border-radius:calc(var(--r) + 12px);
  background:radial-gradient(ellipse at 50% 42%, rgba(240,207,138,.36), transparent 70%);filter:blur(16px);
  animation:glowpulse 5s ease-in-out infinite !important}
.band--night.sobre-home .about-photo::before{display:none}

/* ---------- BOTÕES: gradiente dourado animado + glow ---------- */
.btn.gold,.svc-cta,.path-btn{background:linear-gradient(120deg,#c9882f,#f0cf8a 30%,#fff6e3 50%,#f0cf8a 70%,#c9882f);
  background-size:200% auto;color:#2a0735;animation:goldshift 6s linear infinite !important}
.btn.gold{box-shadow:0 14px 36px rgba(230,166,64,.4),inset 0 0 0 1px rgba(255,246,227,.4)}
.btn.gold:hover{box-shadow:0 18px 48px rgba(230,166,64,.58),0 0 30px rgba(240,207,138,.55)}
.svc-cta:hover,.path-btn:hover{box-shadow:0 16px 34px rgba(230,166,64,.46)}
.chip-cta{box-shadow:0 16px 36px rgba(0,0,0,.42),0 0 34px rgba(230,166,64,.22)}

/* ---------- IMAGENS/CARDS "3D" interativos ---------- */
.hero-circle{box-shadow:0 0 0 1px rgba(240,207,138,.35),0 30px 70px rgba(0,0,0,.5),0 0 66px rgba(230,166,64,.24)}
.paths .path{transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}
.paths .path:hover{transform:translateY(-8px)}
.paths .path:hover .path-photo .img{transform:scale(1.06)}
.ig-post{transition:transform .5s var(--ease)}
.ig-post:hover{transform:translateY(-4px) scale(1.015)}
.contact-card .ic{box-shadow:0 0 30px rgba(230,166,64,.25)}

/* ============================================================
   QUIZ DO AMOR
   ============================================================ */
.quiz-app{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:150px 20px 90px}
.qz-stage{width:100%;max-width:720px;margin:0 auto;text-align:center}
.qz-stage.hide{display:none}
.qz-selo{width:76px;height:76px;margin:0 auto 26px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 38%,rgba(240,207,138,.3),rgba(42,8,64,.6) 70%);
  border:1px solid rgba(240,207,138,.4);box-shadow:0 0 44px rgba(230,166,64,.32)}
.qz-lua{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fff6e3,#e6a640);
  box-shadow:0 0 24px rgba(240,207,138,.85);animation:glowpulse 5s ease-in-out infinite !important}
.quiz-app h1{font-family:var(--display);font-weight:400;line-height:1.06;letter-spacing:-.01em;font-size:clamp(34px,5vw,58px);margin-bottom:22px}
.quiz-app h1 em{font-style:italic;color:transparent;background:linear-gradient(100deg,#e6a640,#fff6e3 50%,#e6a640);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;animation:goldshift 9s linear infinite !important}
.qz-orn{width:72px;height:2px;margin:18px auto 22px;border-radius:2px;background:linear-gradient(90deg,transparent,#e6a640,transparent)}
.qz-lede{font-family:var(--body);color:var(--ink-soft);font-size:17px;line-height:1.72;max-width:560px;margin:0 auto 16px}
.qz-lede.top{color:var(--ink);font-size:18px}
.qz-pills{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:28px 0}
.qz-pill{font-family:var(--body);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-200);
  padding:9px 18px;border-radius:999px;border:1px solid rgba(240,207,138,.3);background:rgba(28,7,48,.4)}
.qz-whisper{font-family:var(--body);font-style:italic;color:var(--ink-faint);font-size:14px;margin-top:24px}
.qz-foot{font-family:var(--body);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-top:28px}
.qz-bar{height:3px;border-radius:3px;background:rgba(247,227,198,.16);overflow:hidden;max-width:420px;margin:0 auto 24px}
.qz-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e6a640,#f0cf8a);transition:width .5s var(--ease);box-shadow:0 0 14px rgba(240,207,138,.75)}
.qz-count{font-family:var(--body);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-200);margin-bottom:16px}
.qz-q{font-family:var(--display);font-weight:400;font-size:clamp(24px,3.3vw,36px);line-height:1.18;margin-bottom:32px}
.qz-opts{display:flex;flex-direction:column;gap:13px;max-width:600px;margin:0 auto}
.qz-opt{font-family:var(--body);font-size:16px;text-align:left;color:var(--ink);cursor:pointer;
  padding:19px 24px;border-radius:16px;border:1px solid var(--line-strong);background:linear-gradient(160deg,rgba(123,52,125,.2),rgba(42,8,64,.42));transition:.3s var(--ease)}
.qz-opt:hover{border-color:#f0cf8a;transform:translateX(4px);box-shadow:0 10px 30px rgba(16,4,30,.5),0 0 24px rgba(230,166,64,.2);color:#fff}
.qz-back{margin-top:26px;background:none;border:0;cursor:pointer;font-family:var(--body);font-size:13px;letter-spacing:.08em;color:var(--ink-faint)}
.qz-back:hover{color:var(--gold-200)}
.qz-back.hide{display:none}
.qz-sect{font-family:var(--body);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-200);margin-bottom:18px}
.qz-sym{width:70px;margin:0 auto 14px}
.qz-sym svg{width:100%;height:auto;stroke:var(--gold-300);fill:none}
.qz-nome{font-family:var(--display);font-size:clamp(28px,4vw,46px);line-height:1.1;margin-bottom:10px;
  background:linear-gradient(100deg,#e6a640,#fff6e3 50%,#e6a640);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldshift 9s linear infinite !important}
.qz-txt{font-family:var(--body);color:var(--ink-soft);font-size:16px;line-height:1.72;max-width:580px;margin:0 auto 16px}
.qz-txt.lead{color:var(--ink);font-size:17px}
.qz-route{max-width:600px;margin:30px auto;padding:26px 28px;border-radius:18px;border:1px solid rgba(240,207,138,.28);
  background:linear-gradient(160deg,rgba(123,52,125,.22),rgba(42,8,64,.44));text-align:left}
.qz-route .t{font-family:var(--body);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-200);margin-bottom:10px}
.qz-route p{font-family:var(--body);color:var(--ink-soft);font-size:15px;line-height:1.72}
.qz-route b{color:var(--gold-200)}
.qz-closing{max-width:580px;margin:0 auto 26px}
.qz-closing p{font-family:var(--body);color:var(--ink-soft);font-size:15px;line-height:1.7;margin-bottom:10px}
.qz-closing .last{color:var(--ink-faint);font-size:14px}
.qz-ctas{display:flex;flex-direction:column;gap:12px;max-width:430px;margin:0 auto}
/* box "A próxima camada": gradiente dourado dentro + glow branco pulsando */
.qz-route{background:linear-gradient(155deg,rgba(96,42,118,.55),rgba(67,15,76,.5) 42%,rgba(230,166,64,.26)) !important;
  border:1px solid rgba(230,166,64,.5) !important;
  box-shadow:0 22px 54px rgba(16,4,30,.46),0 0 50px rgba(255,255,255,.12),0 0 40px rgba(230,166,64,.22);
  animation:whiteglow 5s ease-in-out infinite !important}
/* card/quadro atrás do quiz + leitura mais forte (fonte menos fina) */
.qz-card{max-width:720px;margin:0 auto;padding:56px 48px 48px;border-radius:28px;text-align:center;
  background:linear-gradient(165deg,rgba(60,22,84,.74),rgba(26,6,44,.84));
  border:1px solid rgba(240,207,138,.3);
  box-shadow:0 44px 110px rgba(10,2,22,.62),0 0 80px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.07)}
@media(max-width:560px){.qz-card{padding:40px 22px 38px}}
.qz-lede{font-weight:400;color:rgba(239,228,245,.92)}
.qz-lede.top{font-weight:500}
.qz-txt{font-weight:400;color:rgba(239,228,245,.86)}
.qz-txt.lead{font-weight:500;color:#fff}
.qz-opt{font-weight:500;color:#fff}
.qz-route p,.qz-closing p{font-weight:400;color:rgba(239,228,245,.86)}
.qz-count{font-weight:600}
.qz-pill{font-weight:500}
/* bloco de texto longo (história) */
.prose{max-width:720px;margin:0 auto;text-align:left}
.prose p{color:var(--ink-soft);font-size:16px;line-height:1.85;margin-bottom:18px}
.prose p.hl{color:var(--ink);font-weight:400}
/* grade de método com 3 colunas */
.steps.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.steps.three{grid-template-columns:1fr}}
/* destaque de frase (citação de seção) fora do bloco about */
.pull{max-width:760px;margin:30px auto 0;text-align:center;font-family:var(--display);font-style:italic;
  font-size:clamp(21px,2.3vw,30px);line-height:1.4;
  background:linear-gradient(100deg,#e6a640,#f7e3c6 45%,#f0cf8a 60%,#e6a640);background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:goldshift 10s linear infinite !important}

/* ============================================================
   PÁGINAS INTERNAS · fundo ÚNICO contínuo (degradê + estrelas), sem divisórias
   ============================================================ */
.inner-page .band{background:none !important;border-top:0 !important;border-bottom:0 !important}
.inner-page .band::before,.inner-page .band::after{display:none !important}
.inner-page section{padding:88px 0}
.inner-page .subhero{padding:170px 0 40px}
/* bloco foto+texto: sem moldura/caixa, só um glow suave (flutua no fundo contínuo) */
.inner-page .about::before{border:0 !important;box-shadow:none !important;
  background:radial-gradient(ellipse at 40% 34%, rgba(147,85,214,.16), transparent 72%) !important}

/* ============================================================
   INSTAGRAM · carrossel que roda sozinho (home)
   ============================================================ */
.ig-scroll{display:flex;gap:14px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ig-scroll .ig-post{flex:0 0 clamp(236px,26vw,308px);aspect-ratio:4/5;border-radius:18px;
  border:1px solid rgba(230,166,64,.22);box-shadow:0 18px 40px rgba(16,4,30,.45)}
.ig-scroll .ig-post:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(240,207,138,.6)}
@media(max-width:560px){.ig-scroll .ig-post{flex-basis:208px}}

/* ============================================================
   GLOW BRANCO atrás dos cards (fotos e textos) · destaca do fundo
   ============================================================ */
.paths .path{box-shadow:0 26px 60px rgba(16,4,30,.5), 0 0 56px rgba(255,255,255,.11)}
.paths .path:hover{box-shadow:0 34px 74px rgba(16,4,30,.55), 0 0 70px rgba(255,255,255,.17)}
.step{box-shadow:0 20px 50px rgba(16,4,30,.44), 0 0 48px rgba(255,255,255,.1)}
.contact-card{box-shadow:0 20px 50px rgba(16,4,30,.44), 0 0 50px rgba(255,255,255,.11)}
.fb-card{box-shadow:0 20px 50px rgba(16,4,30,.44), 0 0 46px rgba(255,255,255,.09)}
.faq details{box-shadow:0 14px 40px rgba(16,4,30,.4), 0 0 42px rgba(255,255,255,.08)}
/* blocos foto+texto (about) ganham um halo branco suave atrás */
.about-photo{box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(240,207,138,.32),0 0 54px rgba(230,166,64,.2),0 0 70px rgba(255,255,255,.1)}
.inner-page .about::before{background:radial-gradient(ellipse at 45% 38%, rgba(255,255,255,.1), rgba(147,85,214,.14) 40%, transparent 74%) !important}

/* ============================================================
   REVISÃO v17 · quiz, preços, glow pulsante, equilíbrio de texto
   ============================================================ */
/* equilíbrio de linhas (evita 1 linha cheia + 1 linha curta) */
h1,h2,h3,.quiz-app h1,.qz-q,.qz-nome{text-wrap:balance}
.lead,.svc-desc,.step p,.qz-lede,.qz-txt,.qz-route p,.qz-closing p,.contact-card p,.insight{text-wrap:pretty}
/* gold-text: não cortar descendentes do itálico */
.gold-text{padding-bottom:.1em}

/* QUIZ: card de tamanho fixo + conteúdo centralizado (não pula entre perguntas) */
.qz-card{min-height:820px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:560px){.qz-card{min-height:620px;justify-content:flex-start}}
/* CTAs finais do quiz: centralizados + maiúsculo Ariana */
.qz-ctas .btn{justify-content:center;text-align:center;font-family:var(--body) !important;
  text-transform:uppercase;letter-spacing:.06em;font-weight:600}
/* carrossel do Instagram: setinhas manuais */
.ig-carousel{position:relative}
.ig-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;border:1px solid rgba(230,166,64,.5);color:#f7e3c6;
  background:rgba(26,6,44,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.3s cubic-bezier(.19,1,.22,1)}
.ig-nav:hover{background:linear-gradient(135deg,#f0cf8a,#d6a444);color:#2a0735;border-color:transparent;box-shadow:0 0 26px rgba(230,166,64,.5)}
.ig-nav svg{width:22px;height:22px}
.ig-nav.prev{left:-6px}.ig-nav.next{right:-6px}
@media(max-width:560px){.ig-nav{width:40px;height:40px}.ig-nav.prev{left:4px}.ig-nav.next{right:4px}}
/* depoimentos: texto em Ariana Pro */
.fb-body{font-family:var(--body) !important;font-style:normal}
/* página Dúvidas: 3 vídeos lado a lado */
.duvida-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
@media(max-width:820px){.duvida-videos{grid-template-columns:1fr;max-width:380px;margin-inline:auto}}
.dv-item{border-radius:var(--r);overflow:hidden;border:2px solid rgba(230,166,64,.42);
  box-shadow:0 26px 60px rgba(10,2,22,.5),0 0 50px rgba(255,255,255,.1),0 0 40px rgba(230,166,64,.18)}
.dv-item video{width:100%;display:block;aspect-ratio:9/16;object-fit:cover;background:#140322}
/* menu com 8 itens: aperta um pouco */
.navlinks{gap:19px}
.navlinks a{font-size:12.5px}
/* linha dourada em movimento dividindo "Como trabalho" e "Como posso te ajudar" */
.manifesto--split::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;
  background:linear-gradient(90deg,#c9882f,#e6a640 25%,#fff6e3 50%,#f0cf8a 75%,#c9882f);
  background-size:220% auto;animation:goldshift 4.5s linear infinite !important;
  filter:drop-shadow(0 0 8px rgba(240,207,138,.6));
  -webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.qz-route{text-align:center}
/* final do quiz com mais destaque/glow */
.qz-sym{filter:drop-shadow(0 0 14px rgba(240,207,138,.55))}
.qz-sym svg{animation:glowpulse 4s ease-in-out infinite !important}
.qz-nome{font-size:clamp(30px,4.4vw,50px);filter:drop-shadow(0 2px 20px rgba(230,166,64,.3))}
@keyframes btnglow{0%,100%{box-shadow:0 14px 36px rgba(230,166,64,.4),0 0 18px rgba(240,207,138,.3)}50%{box-shadow:0 20px 48px rgba(230,166,64,.62),0 0 42px rgba(240,207,138,.6)}}
.qz-ctas .btn.gold{animation:goldshift 6s linear infinite, btnglow 2.8s ease-in-out infinite !important}

/* PREÇOS com glow pulsante (destaque) */
@keyframes pxpulse{0%,100%{filter:drop-shadow(0 2px 12px rgba(230,166,64,.35))}50%{filter:drop-shadow(0 3px 22px rgba(230,166,64,.68))}}
.svc .price{animation:pxpulse 3.6s ease-in-out infinite !important}

/* GLOW BRANCO pulsante atrás de TODOS os cards (piscando/mexendo de leve, transparente) */
@keyframes whiteglow{0%,100%{filter:drop-shadow(0 0 8px rgba(255,255,255,.05))}50%{filter:drop-shadow(0 0 20px rgba(255,255,255,.15))}}
.svc,.paths .path,.step,.contact-card,.fb-card,.faq details{animation:whiteglow 5s ease-in-out infinite !important}
.svc:nth-child(3n),.paths .path:nth-child(2),.step:nth-child(odd),.contact-card:nth-child(2),.fb-card:nth-child(even),.faq details:nth-child(even){animation-delay:-2.5s !important}

/* fundos de foto por seção (com scrim/transparência, estilo header da home) */
.sec-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.68;pointer-events:none}
.sec-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,6,44,.6),rgba(16,4,30,.74))}
.closing .sec-bg{opacity:.74}

/* ============================================================
   REVISÃO v19 · ajustes finos (textos, boxes premium, vídeos)
   ============================================================ */
/* #1 textos cortados: respiro no itálico dourado · #13 glow atrás do título */
.gold-text{padding:.04em .2em .28em .06em !important;-webkit-box-decoration-break:clone;box-decoration-break:clone;filter:drop-shadow(0 0 22px rgba(240,207,138,.5))}
.hero-copy h1 .gold-text{filter:drop-shadow(0 0 30px rgba(240,207,138,.6)) drop-shadow(0 0 60px rgba(230,166,64,.35))}
/* #2 remove as aspas decorativas */
.insight::before{display:none !important}
/* #7 textos de apoio menos finos */
.lead,.svc-desc,.step p,.insight,.about-body p,.prose p,.contact-card p,.qz-lede{font-weight:400}
.subhero .lead{font-weight:450}
/* #9 mais respiro título -> texto / título -> cards */
.center h2,.about-body h2{margin-bottom:24px}
.subhero h1{margin-bottom:24px}
.svc-grid,.steps,.contact-grid,.faq{margin-top:42px}
/* #10 menos vazio ENTRE seções (internas) */
.inner-page section{padding:58px 0}
.inner-page .subhero{padding:168px 0 36px}

/* ===== BOX PREMIUM: contorno dourado grosso + glow pulsante atrás ===== */
.paths .path,.svc,.step,.contact-card,.closing-card{border:2px solid rgba(230,166,64,.5) !important}
.paths .path{box-shadow:0 26px 60px rgba(16,4,30,.5),0 0 60px rgba(255,255,255,.12),0 0 42px rgba(230,166,64,.16)}
.step{box-shadow:0 20px 50px rgba(16,4,30,.46),0 0 48px rgba(255,255,255,.1),0 0 36px rgba(230,166,64,.16)}
.closing-card{box-shadow:0 34px 90px rgba(10,2,22,.55),0 0 72px rgba(255,255,255,.1),0 0 54px rgba(230,166,64,.2);animation:whiteglow 5s ease-in-out infinite !important}

/* #3 cards 3 portas: tira "Porta I/II/III" + nº romano, gradiente roxo no texto */
.path-wm,.path-tag{display:none !important}
.paths .path{background:linear-gradient(180deg,rgba(67,15,76,.26) 0%,rgba(67,15,76,.26) 54%,rgba(96,42,118,.78) 70%,rgba(42,8,64,.94) 100%)}
.paths .path h3{margin-top:22px}

/* #8 cards de serviço: preços maiores/grossos, descrição medium, título dourado com glow */
.svc .price{font-size:clamp(42px,4.4vw,56px);font-weight:500}
.svc .svc-desc{font-weight:400}
.svc h3,.step h3{background:linear-gradient(100deg,#e6a640,#fff6e3 48%,#f0cf8a 62%,#e6a640);background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:goldshift 8s linear infinite !important;filter:drop-shadow(0 0 14px rgba(230,166,64,.4))}

/* #11 step cards: centralizado, nº centralizado, box solto (05) centralizado */
.step{text-align:center}
.step .num{margin:0 auto}
.steps:not(.three) .step:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc(50% - 10px);margin-inline:auto}
@media(max-width:760px){.steps:not(.three) .step:last-child:nth-child(odd){max-width:100%}}

/* #14 frase UniEnergias (e quotes internos) na fonte do corpo, medium, sem caixa dourada */
.inner-page .about-quote{font-family:var(--body) !important;font-style:normal;font-weight:500;
  font-size:clamp(18px,1.9vw,23px);background:none !important;-webkit-text-fill-color:currentColor;
  color:var(--gold-200);animation:none !important;line-height:1.55;padding:0}

/* #15 / #1 frases destaque equilibradas em 2 linhas · tira "treme" das fotos */
.pull,.about-quote,.svc-desc,.step p,.lead{text-wrap:pretty}
.pull{text-wrap:balance}
.about-photo{animation:none !important}
/* vídeo VERTICAL (reel) no lugar da foto (seções about) */
.about-photo:has(.about-video){aspect-ratio:9/16;max-width:390px;margin-inline:auto}
.about-video{width:100%;height:100%;object-fit:cover;display:block;background:#140322;border-radius:inherit}
/* vídeo VERTICAL centralizado numa seção (Como trabalho) */
.sec-video{position:relative;max-width:368px;margin:44px auto 0;border-radius:var(--r);overflow:hidden;
  border:2px solid rgba(230,166,64,.42);box-shadow:0 34px 80px rgba(10,2,22,.5),0 0 60px rgba(255,255,255,.1),0 0 44px rgba(230,166,64,.18)}
.sec-video video{width:100%;display:block;aspect-ratio:9/16;object-fit:cover;background:#140322}
/* === HOME "Conheça Natália": SEM quadro creme + vídeo clicável === */
.band--night .about::before{display:none !important}
.band--night .about-body p{color:rgba(245,238,250,.92)}
.band--night .about-quote{font-family:var(--body) !important;font-style:normal !important;font-weight:400 !important;
  font-size:16px !important;line-height:1.7 !important;margin:10px 0 18px !important;padding:0 !important;
  background:none !important;background-image:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;
  -webkit-text-fill-color:initial !important;color:rgba(245,238,250,.92) !important;animation:none !important}
.about-quote{margin:8px 0 18px !important}
.about-photo:has(.about-video)::after{display:none !important}
.about-photo:has(.about-video) .about-frame{display:none !important}
/* bullets dos cards de serviço: maiúsculo + dourado, sem pontinho */
.svc li::before{display:none !important}
.svc ul{gap:9px}
.svc ul li{text-transform:uppercase;color:var(--gold-200);font-weight:500;font-size:12px;letter-spacing:.12em}
/* glow pulsante nos botões agendar + linha dourada movimentando no topo dos boxes */
.svc-cta{animation:goldshift 6s linear infinite, btnglow 3s ease-in-out infinite !important}
.svc::after{background:linear-gradient(90deg,transparent,#e6a640,#fff6e3 50%,#f0cf8a,#e6a640,transparent) !important;
  background-size:220% auto !important;opacity:.95;animation:goldshift 4s linear infinite !important}
.contact-card{position:relative}
/* leads equilibrados (linhas proporcionais) */
.lead{text-wrap:balance}
/* seção história: texto + vídeo vertical à direita (sticky) */
.history-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:48px;align-items:start;margin-top:44px}
@media(max-width:860px){.history-grid{grid-template-columns:1fr;gap:30px}.history-video{max-width:380px;margin:0 auto}}
.history-grid .prose{max-width:none;margin:0}
.history-video{position:sticky;top:96px;border-radius:var(--r);overflow:hidden;border:2px solid rgba(230,166,64,.42);
  box-shadow:0 30px 70px rgba(10,2,22,.5),0 0 54px rgba(255,255,255,.1),0 0 42px rgba(230,166,64,.18)}
.history-video video{width:100%;display:block;aspect-ratio:9/16;object-fit:cover;background:#140322}
/* cards de tradição: ícone + gradiente + glow branco */
.svc--tradicao{background:linear-gradient(165deg,rgba(123,52,125,.4),rgba(67,15,76,.5) 45%,rgba(42,8,64,.84)) !important;
  box-shadow:0 26px 60px rgba(16,4,30,.5),0 0 64px rgba(255,255,255,.15),0 0 46px rgba(230,166,64,.18)}
.svc-ic{width:56px;height:56px;margin:0 auto 14px;color:var(--gold-300);
  filter:drop-shadow(0 0 14px rgba(240,207,138,.55));animation:glowpulse 4.5s ease-in-out infinite !important}
.svc-ic svg{width:100%;height:100%}
/* FAQ: pergunta na fonte do corpo (Ariana) */
.faq summary{font-family:var(--body);font-weight:500;font-size:16.5px}
/* slideshow de fotos (trajetória) com glow */
.photo-slider{position:absolute;inset:0;border-radius:inherit;overflow:hidden}
.photo-slider .slide{position:absolute;inset:0;background-size:cover;background-position:center top;opacity:0;transition:opacity 1.3s ease}
.photo-slider .slide.on{opacity:1}
.about-photo:has(.photo-slider){box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(240,207,138,.4),0 0 60px rgba(230,166,64,.3),0 0 80px rgba(255,255,255,.14)}
/* frase destaque dentro da prosa (história) na fonte do corpo (Ariana) */
.prose .pull{font-family:var(--body) !important;font-style:normal;font-weight:500;font-size:clamp(17px,1.7vw,20px);
  background:none !important;-webkit-text-fill-color:currentColor;color:var(--gold-200);animation:none !important;line-height:1.6}
.prose--center{text-align:center}
.prose--center .pull{margin-left:auto;margin-right:auto}
/* destaque da história alinhado à esquerda (igual os parágrafos) */
.history-grid .pull{text-align:left !important;margin:28px 0 !important;max-width:none !important}
/* contorno dourado + setinhas do slideshow da trajetória */
.about-photo:has(.photo-slider){border:2px solid rgba(230,166,64,.55) !important}
.slide-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;border:1px solid rgba(230,166,64,.5);color:#f7e3c6;
  background:rgba(26,6,44,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.3s cubic-bezier(.19,1,.22,1)}
.slide-nav:hover{background:linear-gradient(135deg,#f0cf8a,#d6a444);color:#2a0735;border-color:transparent;box-shadow:0 0 24px rgba(230,166,64,.5)}
.slide-nav svg{width:20px;height:20px}
.slide-nav.prev{left:12px}.slide-nav.next{right:12px}
/* card "Falar com Natália" flutuando devagar */
@keyframes chipfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.chip-cta{animation:chipfloat 5s ease-in-out infinite !important}
/* "Como trabalho": fundo gradiente+estrelas (igual internas) + vídeo esquerda / texto direita */
.manifesto--split{background:none !important;border:0 !important;padding:70px 0}
.manifesto--split .band-stars{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.split-grid{display:grid;grid-template-columns:.82fr 1fr;gap:50px;align-items:center;position:relative;z-index:2}
@media(max-width:860px){.split-grid{grid-template-columns:1fr;gap:30px}.split-video{max-width:360px;margin:0 auto}.split-text{text-align:center}}
.split-video{border-radius:var(--r);overflow:hidden;border:2px solid rgba(230,166,64,.42);
  box-shadow:0 30px 70px rgba(10,2,22,.5),0 0 54px rgba(255,255,255,.1),0 0 42px rgba(230,166,64,.18)}
.split-video video{width:100%;display:block;aspect-ratio:9/16;object-fit:cover;background:#140322}
.split-text h2{margin:12px 0 16px}
.split-text .insight{text-align:left;max-width:none;margin:0}
@media(max-width:860px){.split-text .insight{text-align:center}}
/* split invertido: texto esquerda + vídeo direita */
.split-grid--rev{grid-template-columns:1fr .82fr}
@media(max-width:860px){.split-grid--rev{grid-template-columns:1fr}.split-grid--rev .split-video{order:2}}
/* "Como funciona": vídeo esquerda (span) + título em cima dos boxes à direita */
.split-grid--top{align-items:start;grid-template-rows:auto 1fr;
  grid-template-areas:"video head" "video steps"}
.split-grid--top .split-head{grid-area:head}
.split-grid--top .split-video{grid-area:video;align-self:start}
.split-grid--top .split-steps{grid-area:steps}
.split-head{text-align:left;margin-bottom:6px}
.split-head .eyebrow{margin-bottom:14px}
.split-head h2{margin:0;font-size:clamp(30px,3.4vw,46px)}
.split-steps{display:flex;flex-direction:column;gap:18px}
/* mobile: título → vídeo → boxes (title abre a seção) */
@media(max-width:860px){
  .split-grid--top{grid-template-columns:1fr;grid-template-rows:none;
    grid-template-areas:"head" "video" "steps"}
  .split-grid--top .split-video{max-width:360px;margin:0 auto}
  .split-head{text-align:center;margin-bottom:4px}
}
.split-steps .step{margin:0}
@media(max-width:860px){.split-steps{gap:14px}}
/* home: menos vazio entre "Conheça Natália" e Depoimentos */
.band--night{padding-bottom:46px}
.band--night + section{padding-top:40px}
/* texto do quiz equilibrado em 2 linhas */
.qz-lede{text-wrap:balance}
.step::after,.contact-card::after{content:"";position:absolute;left:8%;right:8%;top:0;height:3px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,transparent,#e6a640,#fff6e3 50%,#f0cf8a,#e6a640,transparent);
  background-size:220% auto;animation:goldshift 4s linear infinite !important}

/* ===== sem divisória entre "Quem é Natália" e Depoimentos: fundo contínuo ===== */
/* night: sobe o glow magenta pra longe da base, deixando o rodapé liso #1f0633 */
.band--night{
  border-top:0;border-bottom:0;
  background:
   radial-gradient(900px 640px at 14% 30%, rgba(123,52,125,.34), transparent 55%),
   radial-gradient(820px 580px at 90% 60%, rgba(163,45,106,.28), transparent 55%),
   linear-gradient(180deg,#2a0840 0%,#1f0633 100%)}
/* depoimentos: começa exatamente no mesmo #1f0633, sem fio nem glow no topo */
.band--sanctum.alt{
  border-top:0;
  background:
   radial-gradient(820px 540px at 80% 118%, rgba(230,166,64,.08), transparent 60%),
   radial-gradient(760px 520px at 14% 84%, rgba(147,85,214,.2), transparent 60%),
   linear-gradient(180deg,#1f0633 0%, #1b0430 55%, #160326 100%)}

/* ---------- Cards de serviço flutuando + Leitura Completa em destaque (v=43) ---------- */
@keyframes svcfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes svcfloatstar{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.02)}}
@keyframes starglow{0%,100%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.14)}}
.svc-grid .svc{animation:svcfloat 12s ease-in-out infinite !important}
.svc-grid .svc.d2{animation-delay:-2s !important}
.svc-grid .svc.d3{animation-delay:-4s !important}
/* Leitura Completa: flutuação diferente (mais ampla + leve zoom) pra destacar dos outros 2 */
.svc-grid .svc.svc--star{
  animation:svcfloatstar 9s ease-in-out infinite !important;
  background:
    linear-gradient(160deg, rgba(240,207,138,.26), rgba(78,22,92,.32) 42%, rgba(230,166,64,.18)),
    linear-gradient(180deg, rgba(58,22,80,.74), rgba(38,9,54,.84)) !important;
  border-color:#f3d79a !important;
  box-shadow:0 38px 90px rgba(230,166,64,.26),0 24px 64px rgba(16,4,30,.55) !important}
/* glow atrás do Leitura Completa: maior + movimentando */
.svc-grid .svc.svc--star::before{
  inset:-34px -20px !important;filter:blur(18px) !important;z-index:-1;
  background:radial-gradient(ellipse at 50% 42%, rgba(255,246,227,.42), rgba(240,207,138,.22) 44%, transparent 74%) !important;
  animation:starglow 8s ease-in-out infinite !important}

/* ---------- Crédito "made by @astrix.studio" no rodapé (v=48) ---------- */
.made-by{margin-top:10px;font-size:12px;letter-spacing:.04em;color:var(--ink-faint);opacity:.85}
.made-by a{color:var(--gold-200);font-weight:500;text-decoration:none;transition:color .25s,text-shadow .25s}
.made-by a:hover{color:#f5d99a;text-shadow:0 0 14px rgba(240,207,138,.6)}

/* ---------- MOBILE: todos os textos centralizados (v=51) ---------- */
@media(max-width:860px){
  .about-body,.about-body p,.about-body h2,.about-body .eyebrow,.about-body .insight,.about-body .about-quote,
  .split-text,.split-text p,.split-text h2,.split-text .insight,.split-text .eyebrow,
  .split-head,.split-head h2,
  .prose,.prose p,.prose h2,.prose .pull,
  .history-grid .pull,.history-grid p,
  .manifesto p,.manifesto h2,
  .fb-body,.fb-meta,
  .lead,.sub,.insight{
    text-align:center !important;
  }
  /* FAQ fica à esquerda (tem o + na direita) */
  .faq summary,.faq details p{text-align:left !important}
  .faq summary span{flex:1}
  .about-body .insight,.split-text .insight,.prose,.prose p{max-width:none;margin-left:auto;margin-right:auto}
  .about-body .btns,.split-text .btns,.about-body .cta-row{justify-content:center}
  /* botão solto dentro de about/split centraliza */
  .about-body > div,.split-text > div{text-align:center}
}

/* ---------- helper: quebra de linha só no mobile (v=52) ---------- */
.only-mobile{display:none}
@media(max-width:860px){.only-mobile{display:inline}}

/* ---------- mobile: UniEnergias com vídeo ABAIXO do texto (v=53) ---------- */
@media(max-width:900px){
  .about--txtfirst{display:flex;flex-direction:column}
  .about--txtfirst .about-body{order:1}
  .about--txtfirst .about-photo{order:2}
}

/* ---------- mobile: foto de fundo do hero deslocada p/ esquerda (v=55) ---------- */
@media(max-width:900px){.hero-bg-photo{background-position:58% center !important}}

/* ---------- mobile: "Como trabalho" com vídeo ABAIXO do texto (v=56) ---------- */
@media(max-width:860px){
  .manifesto--split .split-grid{display:flex;flex-direction:column}
  .manifesto--split .split-text{order:1}
  .manifesto--split .split-video{order:2}
}

/* ---------- mobile: Dúvidas com FAQ ANTES dos 3 vídeos (v=57) ---------- */
.dv-order{display:contents}
@media(max-width:860px){
  .dv-order{display:flex;flex-direction:column}
  .dv-order .dv-faq-sec{order:1}
  .dv-order .dv-videos-sec{order:2}
}

/* ---------- mobile: foto círculo + card "Falar com Natália" logo abaixo do título (v=60) ---------- */
@media(max-width:900px){
  .hero-grid{display:flex;flex-direction:column;align-items:stretch}
  .hero-copy{display:contents}
  .hero-copy .eyebrow{order:1}
  .hero-copy h1{order:2}
  .hero-copy .tag{order:3}
  .hero-stage{order:4;margin:4px auto 2px}
  .hero-copy .sub{order:5}
  .hero-copy .btn{order:6}
  .hero-copy .trust{order:7}
  .hero-copy .hero-ig{order:8;justify-content:center}
}

/* ---------- mobile: foto de fundo do subhero Rituais deslocada p/ esquerda (v=61) ---------- */
@media(max-width:900px){.sec-bg--shift-left{background-position:68% center !important}}

/* ---------- UniEnergias: lede em 3 linhas equilibradas + botão com glow/contorno dourado (v=62) ---------- */
.lede-bal{text-wrap:balance}
.btn.ghost.btn--glow{position:relative;border:2px solid rgba(240,207,138,.72) !important}
.btn.ghost.btn--glow::before{content:"";position:absolute;inset:-12px -16px;z-index:-1;border-radius:999px;
  background:radial-gradient(ellipse at 50% 50%, rgba(255,246,227,.34), rgba(240,207,138,.16) 46%, transparent 72%);
  filter:blur(13px);animation:glowpulse 5s ease-in-out infinite !important}
.btn.ghost.btn--glow:hover{border-color:#f3d79a !important;box-shadow:0 0 30px rgba(240,207,138,.4)}

/* ---------- kit: pull em fonte normal (sem itálico), mobile + desktop (v=65) ---------- */
.pull--plain{font-style:normal !important;font-size:clamp(25px,2.9vw,35px) !important;line-height:1.35}

/* ---------- Kit: carrossel de fotos MAIORES deslizando (marquee) (v=66) ---------- */
.kit-carousel{position:relative;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.kit-track{display:flex;gap:26px;width:max-content;animation:kitslide 34s linear infinite !important}
.kit-carousel:hover .kit-track{animation-play-state:paused !important}
.kit-ph{flex:0 0 auto;width:clamp(260px,34vw,400px);aspect-ratio:1;border-radius:22px;overflow:hidden;
  border:1px solid rgba(240,207,138,.34);
  box-shadow:0 26px 60px rgba(10,2,22,.5),0 0 40px rgba(255,255,255,.06),0 0 34px rgba(230,166,64,.16)}
.kit-ph .img{width:100%;height:100%;background-size:cover;background-position:center;transition:1.2s var(--ease)}
.kit-ph:hover .img{transform:scale(1.05)}
@keyframes kitslide{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 13px))}}

/* ---------- mobile: "E precisa entender..." maior, em 2 linhas (v=67) ---------- */
@media(max-width:900px){.hero-copy .tag{font-family:var(--body) !important;text-transform:uppercase;
  font-size:12.5px;letter-spacing:.06em;font-weight:500;line-height:1.3;white-space:nowrap;
  max-width:none;margin:-12px auto 22px;
  text-shadow:0 0 15px rgba(255,255,255,.3),0 0 32px rgba(255,255,255,.14)}}

/* ---------- mobile: "Um afastamento..." desce do box + scrim preto p/ legibilidade (v=68) ---------- */
@media(max-width:900px){
  .hero-copy .sub{margin-top:18px;color:#fff !important;
    text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 11px rgba(0,0,0,.72),0 0 18px rgba(255,255,255,.32),0 0 36px rgba(255,255,255,.16)}
}

/* ---------- mobile: conteúdo dos botões centralizado (v=69) ---------- */
@media(max-width:900px){.btn{justify-content:center}}

/* ---------- Depoimentos: texto + estrelas centralizados (todos) (v=71) ---------- */
.fb-card{text-align:center}
.fb-stars{justify-content:center}
.fb-body,.fb-meta{text-align:center}

/* ---------- mobile: subhero Kit mostrando mais o lado direito (v=73) ---------- */
@media(max-width:900px){.sec-bg--shift-right{background-position:72% center !important}}

/* ---------- mobile: texto dos botões maior (v=76) ---------- */
@media(max-width:900px){.btn{font-size:16px}}

/* ---------- eyebrows de seção (about/split) com tracinho dos DOIS lados (v=79) ---------- */
.about-body .eyebrow::after,.split-text .eyebrow::after,.split-head .eyebrow::after,.ig-head .eyebrow::after{
  content:"";display:inline-block;width:26px;height:1px;vertical-align:middle;
  margin-left:12px;background:linear-gradient(90deg,var(--gold),transparent)}

/* ---------- card @templo12raios (ig-handle) com contorno dourado + glow (v=85) ---------- */
.ig-handle{position:relative;border-color:rgba(240,207,138,.62) !important;
  box-shadow:0 0 26px rgba(240,207,138,.2)}
.ig-handle::before{content:"";position:absolute;inset:-9px -13px;z-index:-1;border-radius:999px;
  background:radial-gradient(ellipse,rgba(255,246,227,.3),rgba(240,207,138,.14) 48%,transparent 74%);
  filter:blur(11px);animation:glowpulse 5s ease-in-out infinite !important}

/* ---------- @templo12raios (ig-handle) texto maior (v=86) ---------- */
.ig-handle{font-size:16.5px}
.ig-handle svg{width:21px;height:21px}

/* ---------- mobile: títulos de seção (h2) maiores (v=87) ---------- */
@media(max-width:900px){.center h2,.band .wrap > .center h2{font-size:37px;line-height:1.12}}

/* ---------- mobile: "Como funciona" título maior + 3 passos (h3) maiores (v=88) ---------- */
@media(max-width:900px){
  .split-head h2{font-size:34px;line-height:1.14}
  .step h3{font-size:26px}
}

/* ---------- float leve do box "Falar com Natália" no mobile (v=90) ---------- */
@keyframes chipsoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* ============ PERFORMANCE MOBILE (v=91) ============ */
/* No celular, os efeitos que REPINTAM a tela a cada frame (blur animado, backdrop-filter,
   pulsos de filter/drop-shadow) travam o menu e a troca de página. Aqui eles ficam ESTÁTICOS;
   os movimentos leves (transform/opacity: floats, carrosséis, estrelas, mandala) continuam. */
@media(max-width:900px){
  /* auras: blur enorme + animado = o maior peso → estáticas e menos desfoque */
  .aura{animation:none !important;filter:blur(55px)}
  .aura.a1{opacity:.58}.aura.a2{opacity:.4}.aura.a3{opacity:.52}
  .closing-card .aura-in{filter:blur(58px)}
  /* backdrop-filter recalcula o desfoque a cada scroll/transição: fora no mobile */
  header.scrolled{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
    background:linear-gradient(180deg,rgba(24,6,42,.97),rgba(24,6,42,.88))}
  .chip-cta,.faq summary,.fb-card,.qz-card,.fb-nav,.slide-nav,.ig-nav,.mobile-menu{
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
  /* pulsos de filter/drop-shadow em muitos cards (whiteglow/glowpulse): glow fica estático */
  .svc,.paths .path,.step,.contact-card,.fb-card,.faq details{animation:none !important}
  .svc::before,.svc--star::before,.chip-cta::before,.ig-handle::before,.btn.ghost.btn--glow::before{animation:none !important}
  .price,.qz-sym svg{animation:none !important}
  /* linhas douradas em movimento (goldshift) em elementos repetidos: estáticas */
  .svc::after,.step::after,.contact-card::after,.manifesto--split::after,.svc h3,.step h3{animation:none !important}
}

/* ---------- mobile: seções aparecem direto (sem reveal ao rolar) — mais leve (v=92) ---------- */
@media(max-width:900px){
  .rev{opacity:1 !important;transform:none !important;transition:none !important}
}

/* ============ PERFORMANCE MOBILE v2 (v=93) — celular dela roda sem reduced-motion ============ */
@media(max-width:900px){
  /* menu abre instantâneo (era 0.4s = o "delay" sentido) */
  .mobile-menu{transition:opacity .15s ease,visibility .15s ease !important}
  #head,header{transition:none !important}
  /* auras ainda mais leves no load (menos blur + uma a menos) */
  .aura{filter:blur(40px) !important}
  .aura.a3{display:none !important}
  .aura.a2{opacity:.34 !important}
  /* shimmer dourado contínuo (goldshift/pxpulse repintam texto a cada frame): estático */
  .gold-text,.serif-it,.about-quote,.svc .price,.pull,.qz-nome,.hero-copy h1 .gold-text{animation:none !important}
}