/* ===== POTINHO DA ORAÇÃO — tema infantil pastel & fofo ===== */
:root{
  --violet:#9d5cc4;       /* lilás principal (título) */
  --violet-2:#7e3fa8;
  --violet-d:#5e2c80;
  --pink:#f48fb1;         /* rosa fofo */
  --pink-2:#ec6a99;
  --yellow:#ffd166;       /* amarelo sol */
  --yellow-2:#f7b733;
  --mint:#6fc8a0;         /* verde menta */
  --sky:#7ec8e3;          /* azul céu */
  --cream:#fdf7ef;        /* creme de fundo */
  --cream-2:#fbeede;
  --ink:#3a2f48;          /* texto principal (roxo escuro suave) */
  --muted:#7c7088;
  --white:#ffffff;
  --radius:22px;
  --shadow:0 14px 38px rgba(157,92,196,.14);
  --shadow-lg:0 24px 56px rgba(126,63,168,.24);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Nunito',system-ui,sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:0 auto}
.narrow{max-width:880px}
.center{text-align:center}

h1,h2,h3{font-family:'Baloo 2','Nunito',sans-serif;line-height:1.14;letter-spacing:-.01em}
h1{font-weight:800;font-size:clamp(2rem,5vw,3.5rem)}
h2{font-weight:800;font-size:clamp(1.7rem,3.6vw,2.6rem);margin-bottom:.6em}
h3{font-weight:700;font-size:1.2rem}
.grad{background:linear-gradient(100deg,var(--pink-2),var(--violet),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}

.eyebrow{display:inline-block;font-weight:800;letter-spacing:.14em;font-size:.78rem;text-transform:uppercase;color:var(--violet);margin-bottom:.7em}
.eyebrow.light{color:var(--yellow)}
.light{color:var(--white)}
.sub{color:var(--muted);max-width:660px;margin:0 auto 2.2rem;font-size:1.08rem}

.section{padding:84px 0}
.section-soft{background:linear-gradient(160deg,#f6ecff,#eafaf3)}
.section-cream{background:var(--cream)}

/* confete decorativo de fundo (sutil) */
.section-soft, .section-cream{position:relative}

/* ===== BUTTONS ===== */
.btn{display:inline-block;font-weight:800;padding:16px 34px;border-radius:60px;font-size:1.02rem;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;border:none;letter-spacing:.01em;font-family:'Baloo 2',sans-serif}
.btn:hover{transform:translateY(-3px)}
.btn-primary{background:linear-gradient(180deg,#ffdf8a,var(--yellow),var(--yellow-2));color:#7a5200;box-shadow:0 12px 28px rgba(247,183,51,.45)}
.btn-violet{background:linear-gradient(180deg,#b06fd6,var(--violet),var(--violet-2));color:#fff;box-shadow:0 12px 30px rgba(157,92,196,.5)}
.btn-lg{padding:20px 42px;font-size:1.12rem}
.btn-block{display:block;width:100%;text-align:center}

/* ===== TOP BAR ===== */
.topbar{background:linear-gradient(90deg,var(--pink-2),var(--violet));color:#fff;text-align:center;font-size:.86rem;padding:9px 12px;letter-spacing:.02em}
.topbar strong{font-weight:800}
.topbar .spark{margin-right:4px}
#countdown{font-weight:900;background:rgba(255,255,255,.22);padding:1px 8px;border-radius:6px}

/* ===== HERO ===== */
.hero{position:relative;background:linear-gradient(165deg,#f7ecff 0%,#fde8f1 55%,#eafaf3 130%);color:var(--ink);padding:64px 0 86px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:
   radial-gradient(circle at 82% 12%,rgba(255,209,102,.35),transparent 42%),
   radial-gradient(circle at 8% 88%,rgba(111,200,160,.32),transparent 48%),
   radial-gradient(circle at 50% 50%,rgba(244,143,177,.14),transparent 60%);
   pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.badge-pill{display:inline-block;background:rgba(157,92,196,.12);border:1px solid rgba(157,92,196,.4);color:var(--violet-2);padding:7px 16px;border-radius:60px;font-weight:700;font-size:.85rem;margin-bottom:1.2rem}
.hero-copy h1{margin-bottom:1rem}
.lead{font-size:1.16rem;color:#5b4f68;margin-bottom:1.5rem;max-width:560px}
.hero-checks{list-style:none;margin-bottom:1.8rem}
.hero-checks li{padding:5px 0;font-weight:700;color:#4d4159}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:1.3rem;font-size:.88rem;color:#8a7d96;font-weight:600}
.hero-img img{filter:drop-shadow(0 22px 40px rgba(126,63,168,.28));margin-inline:auto;animation:float 5s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* ===== STRIP ===== */
.strip{background:linear-gradient(90deg,var(--violet),var(--violet-2));color:#fff;padding:26px 0;border-top:4px solid var(--yellow)}
.strip-inner{display:flex;justify-content:space-around;flex-wrap:wrap;gap:18px;text-align:center}
.strip-inner div{display:flex;flex-direction:column}
.strip-inner strong{font-size:1.9rem;font-weight:900;color:var(--yellow);line-height:1;font-family:'Baloo 2',sans-serif}
.strip-inner span{font-size:.82rem;color:#ecdcf5;margin-top:4px;font-weight:600}

/* ===== PROBLEMA ===== */
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:1rem}
.problem-card{background:#fff;border:2px solid #f3eaf9;border-radius:var(--radius);padding:32px 24px;box-shadow:var(--shadow);text-align:center}
.pico{font-size:2.6rem;display:block;margin-bottom:.5rem}
.problem-card h3{margin-bottom:.4rem;color:var(--violet-2)}
.problem-card p{color:var(--muted);font-size:.98rem}

/* ===== SOLUÇÃO ===== */
.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.solution-img img{border-radius:var(--radius);box-shadow:0 22px 48px rgba(126,63,168,.28);border:5px solid #fff;width:100%}
.solution-copy p{margin-bottom:1rem;font-size:1.06rem;color:#5b4f68}

/* ===== COMO FUNCIONA (steps) ===== */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:1rem}
.step-card{background:#fff;border-radius:var(--radius);padding:38px 26px 30px;box-shadow:var(--shadow);position:relative;border-top:4px solid var(--pink)}
.step-num{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,var(--pink),var(--pink-2));color:#fff;font-weight:900;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(236,106,153,.45);font-family:'Baloo 2',sans-serif}
.step-ico{font-size:2.6rem;display:block;margin-bottom:.5rem}
.step-card h3{color:var(--violet-2);margin-bottom:.35rem}
.step-card p{color:var(--muted);font-size:.96rem}

/* ===== O QUE APRENDE ===== */
.learn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:2.2rem}
.learn-card{background:#fff;border-radius:var(--radius);padding:30px 22px;box-shadow:var(--shadow);border-top:4px solid var(--mint)}
.learn-card .ico{font-size:2.2rem;display:block;margin-bottom:.6rem}
.learn-card h3{color:var(--violet-2);font-size:1.06rem;margin-bottom:.4rem}
.learn-card p{color:var(--muted);font-size:.94rem}

/* ===== O QUE RECEBE ===== */
.inside-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:2.2rem}
.inside-card{background:#fff;border-radius:var(--radius);padding:30px 22px;box-shadow:var(--shadow);border-top:4px solid var(--yellow)}
.inside-card .ico{font-size:2.2rem;display:block;margin-bottom:.6rem}
.inside-card h3{color:var(--violet-2);font-size:1.06rem;margin-bottom:.4rem}
.inside-card p{color:var(--muted);font-size:.94rem}

/* ===== CARTÕES DE ORAÇÃO (showcase) ===== */
.cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:1.4rem}
.prayer-card{background:#fff;border-radius:18px;padding:24px 22px;box-shadow:var(--shadow);border:2px dashed;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease;min-height:150px;display:flex;flex-direction:column;justify-content:center}
.prayer-card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow-lg)}
.prayer-card .pc-who{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:1.4rem;display:block;margin-bottom:.3rem}
.prayer-card p{font-size:1.02rem;font-weight:600;color:#5b4f68}
.prayer-card .pc-amem{position:absolute;top:12px;right:14px;font-size:1.3rem}
.pc-1{border-color:var(--mint)}      .pc-1 .pc-who{color:var(--mint)}
.pc-2{border-color:var(--pink)}      .pc-2 .pc-who{color:var(--pink-2)}
.pc-3{border-color:var(--sky)}       .pc-3 .pc-who{color:var(--sky)}
.pc-4{border-color:var(--yellow-2)}  .pc-4 .pc-who{color:var(--yellow-2)}
.pc-5{border-color:var(--violet)}    .pc-5 .pc-who{color:var(--violet)}
.pc-6{border-color:var(--pink-2)}    .pc-6 .pc-who{color:var(--pink-2)}

/* ===== ANTES / DEPOIS ===== */
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:1rem}
.ba-card{border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow)}
.ba-card h3{margin-bottom:1rem;font-size:1.25rem;font-family:'Baloo 2',sans-serif}
.ba-card ul{list-style:none}
.ba-card li{padding:9px 0;border-bottom:1px dashed rgba(0,0,0,.08);font-weight:600}
.ba-bad{background:#fdeef2;border:2px solid #f6cdd9}
.ba-bad h3{color:var(--pink-2)}
.ba-good{background:#eafaf2;border:2px solid #b9e6cf}
.ba-good h3{color:var(--mint)}

/* ===== DEPOIMENTOS ===== */
.rating{font-weight:800;color:var(--yellow-2);margin-bottom:2rem;font-size:1.05rem}
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}
.tst{background:#fff;border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow);border-left:5px solid var(--violet)}
.tst p{font-size:1rem;margin-bottom:1rem;color:var(--ink);font-weight:500}
.tst cite{font-style:normal;font-weight:800;color:var(--muted);font-size:.9rem}

/* ===== BÔNUS ===== */
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:1rem}
.bonus-card{background:#fff;border:2px solid var(--violet);border-radius:var(--radius);padding:26px 22px;position:relative;box-shadow:var(--shadow)}
.bnum{display:inline-block;background:var(--violet);color:#fff;font-weight:800;font-size:.74rem;padding:4px 12px;border-radius:60px;margin-bottom:.8rem}
.bonus-card h3{color:var(--violet-2);font-size:1.04rem;margin-bottom:.4rem}
.bonus-card p{color:var(--muted);font-size:.92rem;margin-bottom:.8rem}
.bval{font-weight:800;color:var(--mint);text-decoration:line-through;opacity:.75}
.bonus-total{text-align:center;margin-top:2rem;font-size:1.3rem;font-weight:700;color:var(--violet-2)}
.bonus-total strong{color:var(--mint)}

/* bônus em destaque (com mockup) */
.bonus-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;background:linear-gradient(160deg,#f7ecff,#fde8f1);border:2px solid #ecd9f7;border-radius:26px;padding:30px 34px;margin:2.4rem 0 1.6rem;box-shadow:var(--shadow)}
.bonus-feature-img img{margin-inline:auto;filter:drop-shadow(0 18px 34px rgba(126,63,168,.28))}
.bonus-feature-copy .bnum{font-size:.9rem}
.bonus-feature-copy h3{color:var(--violet-2);font-size:1.5rem;margin:.4rem 0 .5rem;font-family:'Baloo 2',sans-serif}
.bonus-feature-copy p{color:#5b4f68;font-size:1.05rem;margin-bottom:.9rem}
.bonus-feature-copy .bval{font-size:1.05rem;text-decoration:none;color:var(--mint);font-weight:800;opacity:1}

/* card CTA dentro do grid de bônus */
.bonus-card-cta{background:linear-gradient(160deg,var(--violet),var(--pink-2));border:none;color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center}
.bonus-card-cta h3{color:#fff}
.bonus-card-cta p{color:#f3e3fb}
.bnum-star{font-size:2rem;display:block;margin-bottom:.4rem}

/* ===== OFERTA ===== */
.section-offer{background:linear-gradient(165deg,var(--violet),var(--pink-2));color:#fff}
.price-card{background:#fff;color:var(--ink);max-width:520px;margin:2rem auto 0;border-radius:26px;padding:42px 34px 34px;position:relative;box-shadow:var(--shadow-lg);border-top:6px solid var(--yellow)}
.price-flag{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,#ffdf8a,var(--yellow-2));color:#7a5200;font-weight:900;font-size:.82rem;padding:8px 22px;border-radius:60px;white-space:nowrap;box-shadow:0 8px 18px rgba(247,183,51,.5);font-family:'Baloo 2',sans-serif}
.price-img{width:420px;max-width:100%;margin:6px auto 16px;filter:drop-shadow(0 14px 24px rgba(126,63,168,.2))}
.price-card h3{color:var(--violet-2);font-size:1.4rem;text-align:center;margin-bottom:1.2rem}
.price-list{list-style:none;text-align:left;max-width:360px;margin:0 auto 1.6rem}
.price-list li{padding:7px 0;font-weight:600;border-bottom:1px dashed #efe7f5}
.price-box{text-align:center;background:var(--cream);border-radius:18px;padding:22px;margin-bottom:1.4rem}
.price-from{color:var(--muted);font-size:.95rem}
.price-from s{color:var(--pink-2)}
.price-now{display:flex;align-items:flex-start;justify-content:center;gap:2px;line-height:1;margin:6px 0;font-family:'Baloo 2',sans-serif}
.price-now .cur{font-size:1.4rem;font-weight:800;color:var(--violet-2);margin-top:8px}
.price-now .big{font-size:4.2rem;font-weight:800;color:var(--violet-2)}
.price-now .cents{font-size:1.6rem;font-weight:800;color:var(--violet-2);margin-top:8px}
.price-inst{color:var(--mint);font-weight:800}
.price-trust{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:1rem;font-size:.82rem;color:var(--muted);font-weight:600}

/* ===== GARANTIA ===== */
.guarantee{display:flex;align-items:center;gap:36px;background:var(--cream);border-radius:26px;padding:40px;box-shadow:var(--shadow)}
.seal{flex:none;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#ffdf8a,var(--yellow-2));border:5px dashed #fff;box-shadow:0 0 0 5px var(--yellow-2),var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size:3rem;color:#7a5200;line-height:.9;font-family:'Baloo 2',sans-serif}
.seal small{font-size:.8rem;letter-spacing:.1em}
.guarantee h2{margin-bottom:.4rem;color:var(--violet-2)}
.guarantee p{color:var(--muted)}

/* ===== FAQ ===== */
.faq{margin-top:2rem}
.faq details{background:#fff;border:2px solid #f1e9f7;border-radius:16px;margin-bottom:14px;padding:4px 8px;box-shadow:0 4px 14px rgba(157,92,196,.06)}
.faq summary{font-weight:800;color:var(--violet-2);padding:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-family:'Baloo 2',sans-serif}
.faq summary::after{content:'+';font-size:1.5rem;color:var(--pink-2);font-weight:700}
.faq details[open] summary::after{content:'–'}
.faq p{padding:0 16px 18px;color:var(--muted)}

/* ===== FINAL ===== */
.section-final{background:linear-gradient(160deg,var(--violet),var(--violet-2));color:#fff;text-align:center}
.section-final h2{margin-bottom:1.6rem}
.final-sub{margin-top:1.2rem;color:#e9d8f3;font-weight:700}

/* ===== FOOTER ===== */
.footer{background:#3a2150;color:#cbb6dc;padding:50px 0 40px;text-align:center}
.foot-brand{font-weight:800;font-size:1.4rem;color:var(--yellow);letter-spacing:.03em;margin-bottom:.6rem;font-family:'Baloo 2',sans-serif}
.footer p{max-width:520px;margin:0 auto .8rem;font-size:.92rem}
.foot-links{margin:1rem 0}
.foot-links a{color:#e3d2f0;font-weight:700}
.foot-legal{font-size:.76rem;color:#9a82ad;margin-top:1.2rem}

/* ===== PÁGINAS LEGAIS ===== */
.legal-top{background:var(--violet);padding:16px 0}
.legal-top .container{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.legal-brand{color:#fff;font-weight:800;font-family:'Baloo 2',sans-serif;font-size:1.2rem}
.legal-back{color:var(--yellow);font-weight:700;font-size:.92rem}
.legal{padding:56px 0 70px;background:var(--cream)}
.legal h1{color:var(--violet-2);font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:.3rem}
.legal .legal-upd{color:var(--muted);font-weight:700;margin-bottom:2rem;font-size:.95rem}
.legal h2{color:var(--violet-2);font-size:1.25rem;margin:1.8rem 0 .6rem}
.legal p{color:#4d4159;margin-bottom:1rem;font-size:1.04rem}
.legal ul{margin:0 0 1.2rem 1.2rem;color:#4d4159}
.legal li{margin-bottom:.6rem;font-size:1.02rem}
.legal a{color:var(--violet);font-weight:700;text-decoration:underline}
.contact-box{background:#fff;border:2px solid #ecd9f7;border-radius:var(--radius);padding:32px;text-align:center;margin:1.6rem 0 2rem;box-shadow:var(--shadow)}
.contact-ico{font-size:2.6rem;display:block;margin-bottom:.4rem}
.contact-box h2{margin:.2rem 0 .4rem}
.contact-box a{font-size:1.2rem}
.contact-sub{color:var(--muted);font-size:.92rem;margin-top:.4rem}

/* ===== STICKY MOBILE CTA ===== */
.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:linear-gradient(180deg,#b06fd6,var(--violet-2));color:#fff;text-align:center;font-weight:800;padding:16px;box-shadow:0 -6px 20px rgba(0,0,0,.2);font-family:'Baloo 2',sans-serif}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;text-align:center}
  .hero-copy{order:2}.hero-img{order:1}
  .lead,.hero-checks{margin-inline:auto}
  .hero-trust{justify-content:center}
  .hero-checks li{display:inline-block;text-align:left}
  .solution-grid{grid-template-columns:1fr}
  .solution-img{max-width:480px;margin:0 auto}
  .problem-grid,.steps{grid-template-columns:1fr}
  .learn-grid,.inside-grid,.bonus-grid,.tst-grid{grid-template-columns:1fr 1fr}
  .cards-row{grid-template-columns:repeat(2,1fr)}
  .ba-grid{grid-template-columns:1fr}
  .guarantee{flex-direction:column;text-align:center}
  .bonus-feature{grid-template-columns:1fr;text-align:center;padding:26px}
  .bonus-feature-img{order:1}.bonus-feature-copy{order:2}
  .bonus-feature-img img{max-width:380px}
}
@media(max-width:560px){
  .section{padding:60px 0}
  .learn-grid,.inside-grid,.bonus-grid,.tst-grid,.cards-row{grid-template-columns:1fr}
  .strip-inner{gap:20px}.strip-inner div{flex:1 1 40%}
  .sticky-cta{display:block}
  body{padding-bottom:64px}
}