/* ── DESIGN TOKENS ── */
:root{
  --bg-page:#f8f0ff;
  --bg-card:#fff;
  --bg-card-alt:#faf5ff;
  --bg-input:#fff;
  --bg-hover:#faf5ff;
  --bg-selected:#f0e8ff;
  --bg-nav:#fff;
  --text-primary:#333;
  --text-secondary:#555;
  --text-muted:#888;
  --text-hint:#aaa;
  --text-faint:#bbb;
  --text-ghost:#ccc;
  --border-main:#d8c0e8;
  --border-light:#f0e0ea;
  --border-hover:#9060d0;
  --shadow-card:0 4px 24px rgba(144,96,208,.08);
  --shadow-nav:0 -2px 16px rgba(144,96,208,.08);
  --pink:#e05a8a;
  --purple:#9060d0;
  --green:#2a7a40;
  --red:#e05050;
  --yellow:#d4960a;
  --blue:#2a8ad4;
}
html.dark {
    --bg-page:#1a1a2e;
    --bg-card:#242438;
    --bg-card-alt:#2a2a40;
    --bg-input:#2e2e44;
    --bg-hover:#32324a;
    --bg-selected:#383852;
    --bg-nav:#242438;
    --text-primary:#ececf0;
    --text-secondary:#b8b8cc;
    --text-muted:#8888a0;
    --text-hint:#6e6e88;
    --text-faint:#585870;
    --text-ghost:#48485e;
    --border-main:#3e3e58;
    --border-light:#323248;
    --border-hover:#8070b8;
    --shadow-card:0 4px 20px rgba(0,0,0,.2);
    --shadow-nav:0 -2px 12px rgba(0,0,0,.2);
}

*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg-page);font-family:'Nunito',sans-serif;min-height:100vh;padding-bottom:80px}
.screen{display:none;min-height:100vh;padding:28px 16px 60px;align-items:flex-start;justify-content:center}
.screen.active{display:flex}
#s1.screen.active{display:block;padding:0;min-height:auto}
.wrapper{max-width:440px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.card{background:var(--bg-card);border-radius:20px;padding:22px 20px;width:100%;box-shadow:var(--shadow-card);margin-bottom:12px}
.card-title{text-align:center;color:#9060d0;font-size:22px;font-weight:800;margin-bottom:20px}
.greeting{font-size:14px;color:var(--text-hint);font-weight:600;margin-bottom:2px;align-self:flex-start}
.greeting-name{font-size:26px;font-weight:800;background:linear-gradient(135deg,#e05a8a,#9060d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:6px;align-self:flex-start}
.greeting-tag{font-size:12px;color:#9060d0;font-weight:700;margin-bottom:20px;align-self:flex-start}
.macros-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;width:100%}
.mc{background:var(--bg-card);border-radius:14px;padding:10px 6px 8px;text-align:center;border:1.5px solid transparent}
.mc.cal{border-color:#f5a0a0}.mc.prot{border-color:#d0a0e0}.mc.carb{border-color:#f5d080}.mc.lip{border-color:#c8a8f0}
.mc-val{font-size:20px;font-weight:800;line-height:1.1}
.mc-val.cal{color:#e05050}.mc-val.prot{color:#9060d0}.mc-val.carb{color:#d4960a}.mc-val.lip{color:#7050c0}
.mc-unit{font-size:11px;font-weight:600;color:#aaa}.mc-label{font-size:12px;font-weight:700;color:var(--text-muted);margin-top:2px}
.macro-note{text-align:center;font-size:11px;color:var(--text-faint);font-weight:600;margin-bottom:16px;width:100%}
.field{margin-bottom:14px}.field label{display:block;color:#9060d0;font-size:13px;font-weight:700;margin-bottom:5px}
.field input,.field select{width:100%;border:1.5px solid var(--border-main);background:var(--bg-input);color:var(--text-secondary);border-radius:12px;padding:11px 14px;font-family:'Nunito',sans-serif;font-size:14px;color:var(--text-secondary);outline:none;background:#fff;appearance:none;-webkit-appearance:none}
.field input::placeholder{color:#bbb}.field input:focus,.field select:focus{border-color:#9060d0}
.select-wrapper{position:relative}.select-wrapper::after{content:'▼';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9060d0;font-size:11px;pointer-events:none}
.row{display:flex;gap:12px}.row .field{flex:1}
.result-box{background:var(--bg-card-alt);border:1.5px solid #d8c0e8;border-radius:12px;padding:12px 16px;margin-top:14px;display:none}
.result-box.visible{display:block}
.result-box .result-title{font-size:13px;font-weight:800;color:#9060d0;margin-bottom:6px;border-bottom:1px solid #d8c0e8;padding-bottom:4px}
.result-row{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#555;padding:3px 0}
.result-row span:last-child{color:#9060d0;font-weight:800}
.obj-group{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.obj-btn{display:flex;align-items:center;gap:10px;border:1.5px solid #d8c0e8;border-radius:12px;padding:12px 16px;cursor:pointer;font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;color:#555;background:#fff;transition:all .2s;text-align:left}
.obj-btn:hover{border-color:#9060d0;background:var(--bg-hover)}.obj-btn.selected{border-color:#9060d0;background:var(--bg-selected);color:#9060d0}
.ativ-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.ativ-card{border:1.5px solid #d8c0e8;border-radius:14px;padding:14px 12px;cursor:pointer;text-align:center;transition:all .2s;background:#fff}
.ativ-card:hover{border-color:#9060d0;background:#faf5ff}
.ativ-card.selected{border-color:#9060d0;background:var(--bg-selected,#f0e8ff);box-shadow:0 0 0 2px rgba(144,96,208,.2)}
.ativ-icon{font-size:24px;margin-bottom:4px}
.ativ-title{font-size:13px;font-weight:800;color:#333;margin-bottom:2px}
.ativ-freq{font-size:11px;font-weight:700;color:#9060d0;margin-bottom:4px}
.ativ-desc{font-size:11px;font-weight:600;color:#aaa;line-height:1.4}
.option{display:flex;align-items:center;gap:16px;border:1.5px solid #d8c0e8;border-radius:16px;padding:16px 18px;cursor:pointer;margin-bottom:12px;background:#fff;transition:all .2s}
.option:hover{border-color:#9060d0;background:#faf5ff}.option.selected{border-color:#9060d0;background:#f0e8ff}
.option-icon{font-size:36px;line-height:1;flex-shrink:0;width:44px;text-align:center}.option-content{flex:1}
.option-title{font-size:15px;font-weight:800;color:#9060d0;margin-bottom:3px}
.option-desc{font-size:13px;font-weight:600;color:#888;margin-bottom:8px}
.tags-pill{display:flex;flex-wrap:wrap;gap:6px}
.tag-pill{background:#f0e8ff;color:#7050a0;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}
.section-title{font-size:14px;font-weight:800;color:#9060d0;margin-bottom:12px}
.tags-wrap{display:flex;flex-wrap:wrap;gap:8px}
.tag-btn,.food-tag{border:1.5px solid #d8c0e8;border-radius:50px;padding:7px 14px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:var(--text-muted);background:#fff;cursor:pointer;transition:all .18s;white-space:nowrap}
.tag-btn:active,.food-tag:active{border-color:#9060d0;background:#faf5ff}
@media(hover:hover){.tag-btn:hover,.food-tag:hover{border-color:#9060d0;background:#faf5ff}}
.tag-btn.selected,.food-tag.selected{border-color:#9060d0;background:#f0e8ff;color:#9060d0}
.divider{height:1px;background:#e8d8f0;margin:6px 0 18px}
.btn-primary{display:block;width:100%;background:linear-gradient(135deg,#e05a8a,#9060d0);color:#fff;border:none;border-radius:50px;padding:16px 24px;font-family:'Nunito',sans-serif;font-size:17px;font-weight:800;cursor:pointer;text-align:center;transition:background .2s,transform .1s;margin-top:6px}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(144,96,208,.3)}.btn-primary:disabled{background:#ddd;color:#aaa;cursor:not-allowed;transform:none;box-shadow:none}
.btn-secondary{display:block;width:100%;background:transparent;border:none;color:#9060d0;font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;text-align:center;margin-top:10px;cursor:pointer}
.btn-secondary:hover{color:#7040b0}
.checklist{list-style:none;margin-bottom:32px;display:flex;flex-direction:column;gap:14px;align-items:center}
.checklist li{display:inline-flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--text-primary);font-weight:600;line-height:1.4}
.check{color:#9060d0;font-size:16px;flex-shrink:0;margin-top:1px}
.m1-title{text-align:center;color:#9060d0;font-size:18px;font-weight:700;margin-bottom:28px}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-nav);border-top:1.5px solid var(--border-light);display:flex;justify-content:space-around;align-items:center;padding:8px 0 12px;z-index:999;box-shadow:var(--shadow-nav)}
.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:4px 6px;border-radius:10px;background:none;border:none;font-family:'Nunito',sans-serif;min-width:0;flex:1}
.nav-item:hover{background:var(--bg-hover)}.nav-icon{font-size:20px;line-height:1}
.nav-label{font-size:10px;font-weight:700;color:var(--text-hint)}.nav-item.active .nav-label{color:#9060d0}
.tab-screen{display:none;min-height:calc(100vh - 80px);padding:28px 16px 20px}.tab-screen.active{display:block}
.meal-tab{background:var(--bg-card);border:1.5px solid #d8c0e8;border-radius:50px;padding:7px 4px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:700;color:#aaa;cursor:pointer;transition:all .2s;white-space:nowrap;text-align:center;width:100%;position:relative}
.meal-tab.active{background:#f0e8ff;border-color:#9060d0;color:#9060d0}
.meal-tab:hover{border-color:#9060d0;color:#9060d0}
.meal-tab.done{border-color:#2a7a40;color:#2a7a40}
.meal-tab.done.active{background:#e8f5e8;border-color:#2a7a40;color:#2a7a40}
.food-group{margin-bottom:20px}.fg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.fg-title{font-size:14px;font-weight:800;color:#555;display:flex;align-items:center;gap:6px}
.hid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.hid-title{font-size:15px;font-weight:800;color:#333}.hid-copos{font-size:14px;font-weight:800;color:#2a7ab5}
.hid-bar-bg{background:#e8f0f8;border-radius:50px;height:8px;margin-bottom:12px}
.hid-bar-fill{background:linear-gradient(90deg,#5ab4f0,#2a8ad4);border-radius:50px;height:8px;transition:width .3s}
.hid-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hid-btn{border:none;border-radius:50px;padding:13px;font-family:'Nunito',sans-serif;font-size:15px;font-weight:800;cursor:pointer}
.hid-btn.minus{background:#e8f0f8;color:#5a8ab5}.hid-btn.plus{background:#2a8ad4;color:#fff}
.hid-btn:disabled{opacity:.4;cursor:not-allowed}
.ref-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}
.ref-title{font-size:16px;font-weight:800;color:#9060d0}.ref-sub{font-size:12px;color:#bbb;font-weight:600;margin-bottom:18px}
.btn-gerar-plano{display:block;width:100%;background:linear-gradient(135deg,#e05a8a,#9060d0);color:#fff;border:none;border-radius:50px;padding:18px 24px;font-family:'Nunito',sans-serif;font-size:18px;font-weight:800;cursor:pointer;text-align:center;margin-top:16px;box-shadow:0 4px 20px rgba(144,96,208,.3);transition:all .2s}
.btn-gerar-plano:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(144,96,208,.4)}
.btn-gerar-plano:disabled{background:#ddd;color:#aaa;cursor:not-allowed;box-shadow:none;transform:none}
.aviso-refeicoes{display:none;background:#fff8e8;border:1.5px solid #f0d080;border-radius:14px;padding:14px 16px;margin-top:12px;width:100%}
.aviso-refeicoes.visible{display:block}
.status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}
.status-item{text-align:center;padding:8px 4px;border-radius:10px;font-size:11px;font-weight:700}
.status-item.ok{background:#e8f5e8;color:#2a7a40}
.status-item.pending{background:#fff0f0;color:#e05050}
@keyframes spin{to{transform:rotate(360deg)}}
@media print{
body{background:#fff!important;padding:0!important;font-size:12px}
.bottom-nav,.screen,.tab-screen:not(.printing),.btn-primary,.btn-secondary,.btn-gerar-plano,
.aviso-refeicoes,.meal-tab,.meal-panel,.food-group,.hid-btn,.nav-item,.lp-nav{display:none!important}
.tab-screen.printing{display:block!important;padding:16px!important}
.tab-screen.printing .card{box-shadow:none!important;break-inside:avoid;border:1px solid #e0e0e0!important;margin-bottom:8px!important}
.print-header{display:block!important;text-align:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e05a8a}
.print-header img{width:100px}
.print-header h2{color:#e05a8a;font-size:18px;margin-top:8px}
.print-header p{color:#888;font-size:12px}
.no-print{display:none!important}
@page{size:A4;margin:15mm}
}
/* TOAST NOTIFICATIONS */
.toast-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:calc(100% - 32px);max-width:420px}
.toast{pointer-events:auto;background:#fff;border-radius:14px;padding:14px 20px;box-shadow:0 8px 32px rgba(0,0,0,.15);display:flex;align-items:center;gap:10px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;animation:toastIn .3s ease;width:100%;border-left:4px solid #9060d0}
.toast.success{border-left-color:#2a7a40;color:#2a7a40}
.toast.error{border-left-color:#e05050;color:#e05050}
.toast.warning{border-left-color:#d4960a;color:#d4960a}
.toast.info{border-left-color:#9060d0;color:#9060d0}
.toast-icon{font-size:18px;flex-shrink:0}
.toast-text{flex:1;line-height:1.5;color:#333}
.toast-close{background:none;border:none;font-size:16px;color:#aaa;cursor:pointer;padding:0 0 0 8px;font-family:'Nunito',sans-serif}
.toast.out{animation:toastOut .25s ease forwards}
@keyframes toastIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes toastOut{to{opacity:0;transform:translateY(-12px)}}
.print-header{display:none}
.print-btns{display:flex;gap:8px;margin-top:12px}
.print-btns button{flex:1;padding:12px;border-radius:50px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
/* ── LANDING PAGE ── */
#s1{background:#fff}
.lp-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #f0e0ea;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}
.lp-nav-logo{display:flex;align-items:center;gap:8px}
.lp-nav-logo img{height:32px;border-radius:6px}
.lp-nav-logo span{font-size:15px;font-weight:800;color:#e05a8a}
.lp-nav-btn{background:#fff;border:1.5px solid #e05a8a;color:#e05a8a;border-radius:50px;padding:8px 20px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;text-decoration:none;transition:all .2s}
.lp-nav-btn:hover{background:linear-gradient(135deg,#e05a8a,#9060d0);color:#fff;border-color:transparent}
.lp-section{max-width:680px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}
.lp-hero{background:linear-gradient(160deg,#fff0f5 0%,#f5e0f8 40%,#ede0ff 100%);text-align:center;padding:48px 20px 40px}
.lp-hero h1{font-size:32px;font-weight:800;background:linear-gradient(135deg,#e05a8a,#9060d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;margin-bottom:14px}
.lp-hero p{font-size:16px;font-weight:600;color:#777;line-height:1.7;max-width:480px;margin:0 auto 28px}
.lp-hero-btn{display:inline-block;background:linear-gradient(135deg,#e05a8a,#9060d0);color:#fff;border:none;border-radius:50px;padding:18px 40px;font-family:'Nunito',sans-serif;font-size:18px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 6px 24px rgba(144,96,208,.3)}
.lp-hero-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(144,96,208,.4)}
.lp-hero .lp-price{font-size:14px;font-weight:700;color:#aaa;margin-top:16px}
.lp-hero .lp-price strong{color:#9060d0;font-size:24px}
.lp-divider{text-align:center;margin:40px auto 24px;position:relative;max-width:680px;padding:0 20px}
.lp-divider::before{content:'';position:absolute;top:50%;left:20px;right:20px;height:1.5px;background:linear-gradient(90deg,transparent,#e0c0e8,transparent)}
.lp-divider span{background:#fff;padding:0 20px;position:relative;font-size:13px;font-weight:800;color:#9060d0;text-transform:uppercase;letter-spacing:1.5px}
.lp-subtitle{text-align:center;font-size:14px;font-weight:600;color:#999;margin-bottom:28px;max-width:500px;margin-left:auto;margin-right:auto}
.lp-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}
.lp-step{background:#fff;border-radius:20px;padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 4px 20px rgba(144,96,208,.06);border:1px solid var(--border-light)}
.lp-step-num{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,#e05a8a,#9060d0);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center}
.lp-step-body h3{font-size:16px;font-weight:800;color:#333;margin:0 0 4px}
.lp-step-body p{font-size:14px;font-weight:600;color:#888;line-height:1.6;margin:0}
.lp-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.lp-feature{background:#fff;border-radius:18px;padding:22px 18px;border:1px solid var(--border-light);box-shadow:0 2px 12px rgba(144,96,208,.05);transition:all .2s}
.lp-feature:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(144,96,208,.1)}
.lp-feature .icon{font-size:32px;margin-bottom:10px}
.lp-feature h4{font-size:15px;font-weight:800;color:#333;margin-bottom:6px}
.lp-feature p{font-size:13px;font-weight:600;color:#888;line-height:1.6;margin:0}
.lp-checklist{list-style:none;display:flex;flex-direction:column;gap:14px;padding:0;margin:0}
.lp-checklist li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#333;font-weight:600;line-height:1.5}
.lp-check{width:24px;height:24px;min-width:24px;border-radius:50%;background:linear-gradient(135deg,#e05a8a,#9060d0);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}
.lp-faq{margin-bottom:20px}
.lp-faq-item{background:#fff;border-radius:14px;margin-bottom:8px;overflow:hidden;border:1px solid #f0e8f5}
.lp-faq-q{padding:16px 20px;font-size:15px;font-weight:700;color:#333;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .2s}
.lp-faq-q:hover{background:#faf5ff}
.lp-faq-q .arrow{color:#9060d0;font-size:14px;transition:transform .3s;flex-shrink:0}
.lp-faq-q.open .arrow{transform:rotate(180deg)}
.lp-faq-a{padding:0 20px 18px;font-size:14px;font-weight:600;color:#666;line-height:1.7;display:none}
.lp-faq-a.open{display:block}
.lp-cta-box{background:linear-gradient(135deg,#e05a8a 0%,#9060d0 100%);border-radius:24px;padding:40px 28px;text-align:center;margin-bottom:32px;position:relative;overflow:hidden}
.lp-cta-box::before{content:'';position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08)}
.lp-cta-box::after{content:'';position:absolute;bottom:-40px;left:-40px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.06)}
.lp-cta-box h3{color:#fff;font-size:24px;font-weight:800;margin-bottom:10px;position:relative}
.lp-cta-box p{color:rgba(255,255,255,.85);font-size:15px;font-weight:600;margin-bottom:24px;position:relative}
.lp-cta-btn{display:inline-block;background:#fff;color:#9060d0;border:none;border-radius:50px;padding:16px 44px;font-family:'Nunito',sans-serif;font-size:17px;font-weight:800;cursor:pointer;transition:all .2s;position:relative;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.lp-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.15)}
.lp-footer{text-align:center;padding:32px 20px 48px;font-size:13px;font-weight:600;color:#bbb;line-height:2;background:#faf5ff}
.lp-footer a{color:#9060d0;text-decoration:none;font-weight:700}
/* ── TERMS MODAL ── */
.terms-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.terms-overlay.visible{display:flex}
.terms-card{background:var(--bg-card);border-radius:24px;max-width:640px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 12px 48px rgba(0,0,0,.2)}
.terms-header{padding:20px 24px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0e0ea;flex-shrink:0}
.terms-header h2{font-size:18px;font-weight:800;color:#e05a8a;margin:0}
.terms-close{background:none;border:none;font-size:24px;color:#aaa;cursor:pointer;padding:4px}
.terms-body{padding:20px 24px;overflow-y:auto;font-size:14px;font-weight:600;color:#555;line-height:1.8}
.terms-body h3{font-size:15px;font-weight:800;color:#333;margin:18px 0 8px}
.terms-body p{margin:0 0 10px}
/* BLOG */
.lp-blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lp-blog-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--border-light);box-shadow:0 2px 12px rgba(144,96,208,.05);transition:all .2s;text-decoration:none;color:inherit;display:block}
.lp-blog-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(144,96,208,.1)}
.lp-blog-card img{width:100%;height:160px;object-fit:cover}
.lp-blog-card-body{padding:16px}
.lp-blog-card-body h4{font-size:15px;font-weight:800;color:#333;margin:0 0 6px;line-height:1.4}
.lp-blog-card-body p{font-size:13px;font-weight:600;color:#888;line-height:1.6;margin:0 0 8px}
.lp-blog-card-body time{font-size:11px;font-weight:700;color:#c0a0e0}
.lp-blog-link{display:inline-block;font-size:14px;font-weight:700;color:#9060d0;text-decoration:none;padding:10px 24px;border:2px solid #9060d0;border-radius:12px;transition:all .2s}
.lp-blog-link:hover{background:#9060d0;color:#fff}
.lp-blog-card-no-img{padding-top:8px}
/* DEPOIMENTOS */
.lp-dep-scroll{display:flex;gap:16px;overflow-x:auto;padding:4px 20px 16px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}
.lp-dep-scroll::-webkit-scrollbar{display:none}
.lp-dep-card{min-width:280px;max-width:280px;background:#fff;border-radius:20px;padding:22px 20px;border:1.5px solid #f0e0f8;box-shadow:0 4px 20px rgba(144,96,208,.07);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px}
.lp-dep-stars{color:#f0a030;font-size:14px;letter-spacing:2px}
.lp-dep-text{font-size:14px;font-weight:600;color:#444;line-height:1.7;flex:1;font-style:italic}
.lp-dep-author{display:flex;align-items:center;gap:10px}
.lp-dep-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#e05a8a,#9060d0);color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lp-dep-name{font-size:13px;font-weight:800;color:#333}
.lp-dep-tag{font-size:11px;font-weight:700;color:#9060d0;background:#f0e8ff;border-radius:20px;padding:2px 8px;display:inline-block;margin-top:2px}
/* TABLET (768px) */
@media(min-width:501px) and (max-width:768px){
.wrapper{max-width:100%;padding:0 20px}
.lp-hero h1{font-size:28px}
.lp-features{grid-template-columns:1fr 1fr;gap:12px}
.lp-steps{gap:12px}
.lp-section{padding:0 24px}
.macros-grid{gap:6px}
.mc-val{font-size:18px}
.bottom-nav{padding:6px 0 10px}
.nav-icon{font-size:20px}
.card{padding:18px 16px}
}
/* MOBILE (500px) */
@media(max-width:500px){
.lp-hero h1{font-size:26px}
.lp-hero p{font-size:14px}
.lp-hero-btn{font-size:16px;padding:16px 32px}
.lp-features{grid-template-columns:1fr}
.lp-blog-grid{grid-template-columns:1fr}
.lp-cta-box{padding:28px 20px}
.lp-cta-box h3{font-size:20px}
}
.trilha-scroll::-webkit-scrollbar{display:none}
.trilha-scroll{-ms-overflow-style:none;scrollbar-width:none}
.trilha-wrap{position:relative}
.trilha-wrap .trilha-arr{display:none;position:absolute;top:50%;transform:translateY(-60%);width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.15);border:none;font-size:18px;cursor:pointer;z-index:5;align-items:center;justify-content:center;color:#9060d0;font-weight:800}
.trilha-wrap:hover .trilha-arr{display:flex}
.trilha-arr-l{left:-8px}
.trilha-arr-r{right:-8px}
@media(hover:none){.trilha-wrap:hover .trilha-arr{display:none}}
/* TOUR GUIADO */
.tour-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9990;display:none}
.tour-overlay.visible{display:block}
.tour-highlight{position:fixed;z-index:9991;border-radius:16px;box-shadow:0 0 0 4px #e05a8a,0 0 0 9999px rgba(0,0,0,.55);transition:all .4s ease;pointer-events:none}
.tour-tooltip{position:fixed;z-index:9992;background:#fff;border-radius:20px;padding:22px 24px;max-width:340px;width:calc(100vw - 40px);box-shadow:0 8px 40px rgba(144,96,208,.25);transition:all .4s ease}
.tour-tooltip .tour-emoji{font-size:32px;margin-bottom:8px}
.tour-tooltip .tour-title{font-size:16px;font-weight:800;color:#e05a8a;margin-bottom:6px}
.tour-tooltip .tour-desc{font-size:13px;font-weight:600;color:#666;line-height:1.7;margin-bottom:16px}
.tour-tooltip .tour-steps{font-size:11px;font-weight:700;color:#bbb;margin-bottom:12px}
.tour-tooltip .tour-btns{display:flex;gap:8px}
.tour-tooltip .tour-btn-next{flex:1;background:linear-gradient(135deg,#e05a8a,#9060d0);color:#fff;border:none;border-radius:50px;padding:12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;cursor:pointer}
.tour-tooltip .tour-btn-skip{background:none;border:none;color:#aaa;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;cursor:pointer;padding:12px 16px}
/* SKELETON LOADING */
.skel-card{background:var(--bg-card);border-radius:20px;padding:22px 20px;width:100%;box-shadow:0 4px 24px rgba(144,96,208,.08);margin-bottom:12px;overflow:hidden}
.skel-line{background:linear-gradient(90deg,var(--border-light) 25%,var(--bg-card-alt) 50%,var(--border-light) 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite;height:14px;margin-bottom:10px}
.skel-line.w60{width:60%}.skel-line.w80{width:80%}.skel-line.w40{width:40%}.skel-line.w100{width:100%}
.skel-line.h8{height:8px}.skel-line.h20{height:20px}.skel-line.h40{height:40px}.skel-line.h60{height:60px}
.skel-row{display:flex;gap:10px;margin-bottom:10px}
.skel-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#f0e8f5 25%,#f8f0ff 50%,#f0e8f5 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}
.skel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.skel-grid .skel-line{height:36px;margin:0}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── DARK MODE OVERRIDES for inline styles ── */
html.dark body{color:var(--text-primary)}
html.dark #s1{background:var(--bg-page)}
html.dark .lp-nav{background:rgba(36,36,56,.95);border-bottom-color:var(--border-light)}
html.dark .lp-nav-btn{background:transparent;border-color:#e05a8a;color:#e05a8a}
html.dark .lp-nav-logo span{color:#e05a8a}
html.dark .lp-hero{background:linear-gradient(160deg,#1e1e32 0%,#282848 40%,#242440 100%)}
html.dark .lp-hero p{color:#b0b0c8}
html.dark .lp-hero .lp-price{color:#9090a8}
html.dark .lp-hero .lp-price strong{color:#c0a0e0}
html.dark .lp-divider::before{background:linear-gradient(90deg,transparent,var(--border-main),transparent)}
html.dark .lp-divider span{background:var(--bg-page);color:#c0a0e0}
html.dark .lp-subtitle{color:#9090a8}
html.dark .lp-step{background:var(--bg-card);border-color:var(--border-light)}
html.dark .lp-step-body h3{color:#e8e8f0}
html.dark .lp-step-body p{color:#a0a0b8}
html.dark .lp-feature{background:var(--bg-card);border-color:var(--border-light)}
html.dark .lp-feature h4{color:#e8e8f0}
html.dark .lp-feature p{color:#a0a0b8}
html.dark .lp-checklist li{color:#d8d8e8}
html.dark .lp-faq-item{background:var(--bg-card);border-color:var(--border-light)}
html.dark .lp-faq-q{color:#d8d8e8}
html.dark .lp-faq-q:hover{background:var(--bg-hover)}
html.dark .lp-faq-a{color:#a0a0b8}
html.dark .lp-cta-box{background:linear-gradient(135deg,#e05a8a,#9060d0)}
html.dark .lp-cta-box h3{color:#fff}
html.dark .lp-cta-box p{color:rgba(255,255,255,.85)}
html.dark .lp-footer{background:var(--bg-card);color:#707088}
html.dark .lp-footer a{color:#c0a0e0}
html.dark .terms-header{border-bottom-color:var(--border-light)}
html.dark .terms-body{color:#c8c8d8}
html.dark .terms-body h3{color:#e8e8f0}
html.dark .terms-body strong{color:#d8d8e8}
html.dark .terms-body a{color:#c0a0e0}
html.dark .lp-blog-card{background:var(--bg-card);border-color:var(--border-light)}
html.dark .lp-blog-card-body h4{color:#e8e8f0}
html.dark .lp-blog-card-body p{color:#a0a0b8}
html.dark .lp-blog-link{color:#c0a0e0;border-color:#c0a0e0}
html.dark .lp-blog-link:hover{background:#c0a0e0;color:#1a1a2e}
html.dark .card,html.dark .skel-card{background:var(--bg-card);box-shadow:var(--shadow-card)}
html.dark .result-box{background:var(--bg-card-alt);border-color:var(--border-main)}
html.dark .divider{background:var(--border-light)}
html.dark .field input,html.dark .field select{background:var(--bg-input);color:var(--text-secondary);border-color:var(--border-main)}
html.dark .field input::placeholder{color:var(--text-faint)}
html.dark textarea{background:var(--bg-input)!important;color:var(--text-secondary)!important;border-color:var(--border-main)!important}
html.dark .bottom-nav{background:var(--bg-nav);border-top-color:var(--border-light)}
html.dark .toast{background:var(--bg-card);box-shadow:0 8px 32px rgba(0,0,0,.4)}
html.dark .toast-text{color:var(--text-primary)}
html.dark .print-btns button{background:var(--bg-card)!important}
html.dark [style*="background:#fff"]{background:var(--bg-card)!important}
html.dark [style*="background:#faf5ff"]{background:var(--bg-card-alt)!important}
html.dark [style*="background:#f5f0ff"]{background:var(--bg-card-alt)!important}
html.dark [style*="background:#fdf6ff"]{background:var(--bg-card-alt)!important}
html.dark [style*="background:#f8f0ff"]{background:var(--bg-card-alt)!important}
html.dark [style*="background:#fff8e8"]{background:#2e2a38!important}
html.dark [style*="background:#f8fff8"]{background:#262e38!important}
html.dark [style*="background:#fff0f0"]{background:#302838!important}
html.dark [style*="background:#fff8f8"]{background:#302838!important}
html.dark [style*="background:#e8f5e8"]{background:#1e2e1e!important}
html.dark [style*="background:#e8f0f8"]{background:#282e3e!important}
html.dark [style*="background:#f0e0ff"]{background:#2a2a40!important}
html.dark [style*="background:#fffef5"]{background:#2a2a38!important}
html.dark [style*="background:#f8fbff"]{background:#282e3e!important}
html.dark [style*="background:#e8f4ff"]{background:#282e3e!important}
html.dark [style*="background:#e0f0ff"]{background:#282e3e!important}
html.dark [style*="background:#fce8f0"]{background:#302838!important}
html.dark [style*="background:#fff0f5"]{background:#302838!important}
html.dark [style*="background:#f8fff5"]{background:#262e38!important}
html.dark [style*="background:#f0f4ff"]{background:#282e3e!important}
html.dark [style*="color:#333"]{color:var(--text-primary)!important}
html.dark [style*="color:#555"]{color:var(--text-secondary)!important}
html.dark [style*="color:#666"]{color:var(--text-muted)!important}
html.dark [style*="color:#888"]{color:var(--text-muted)!important}
html.dark [style*="color:#aaa"]{color:var(--text-hint)!important}
html.dark [style*="color:#bbb"]{color:var(--text-faint)!important}
html.dark [style*="color:#ccc"]{color:var(--text-ghost)!important}
html.dark [style*="color:#777"]{color:#a0a0b8!important}
html.dark [style*="color:#999"]{color:#9090a8!important}
html.dark [style*="border:1.5px solid #d8c0e8"]{border-color:var(--border-main)!important}
html.dark [style*="border:1.5px solid #f0e0ea"]{border-color:var(--border-light)!important}
html.dark [style*="border:1.5px solid #f0d080"]{border-color:#4a3828!important}
html.dark [style*="border:1.5px solid #e0d880"]{border-color:#3a3828!important}
html.dark [style*="border:1.5px solid #f0d0d0"]{border-color:#3a2828!important}
html.dark [style*="border:1.5px solid #f0c0d4"]{border-color:#3a2838!important}
html.dark [style*="border:1.5px solid #e05050"]{border-color:#5a2828!important}
html.dark [style*="border:1px solid #f0e0ea"]{border-color:var(--border-light)!important}
html.dark [style*="border:1px solid #f0e8f5"]{border-color:var(--border-light)!important}
html.dark [style*="border-top:1px solid #d8c0e8"]{border-top-color:var(--border-main)!important}
html.dark [style*="border-top:1px solid #f5f0ff"]{border-top-color:var(--border-light)!important}
html.dark [style*="border-bottom:1px solid #f5e8f0"]{border-bottom-color:var(--border-light)!important}
html.dark [style*="border-bottom:1px solid #f0e0ea"]{border-bottom-color:var(--border-light)!important}
html.dark [style*="background:#f8f8f8"]{background:var(--bg-input)!important}
html.dark input[disabled],html.dark input[style*="background:#f8f8f8"]{background:var(--bg-card-alt)!important;color:var(--text-hint)!important}
html.dark .hid-btn.minus{background:var(--bg-card-alt);color:var(--blue)}
html.dark .tag-btn,html.dark .food-tag{background:var(--bg-input);color:var(--text-muted);border-color:var(--border-main)}
html.dark .tag-btn:active,html.dark .food-tag:active{border-color:#9060d0;background:var(--bg-hover)}
html.dark .tag-btn.selected,html.dark .food-tag.selected{background:#3a2858;border-color:#b080e0;color:#d0b0f0;box-shadow:0 0 0 1px rgba(144,96,208,.3)}
html.dark .ativ-card{background:var(--bg-input);border-color:var(--border-main)}
html.dark .ativ-card:hover{border-color:#9060d0;background:var(--bg-hover)}
html.dark .ativ-card.selected{background:#3a2858;border-color:#b080e0;box-shadow:0 0 0 2px rgba(144,96,208,.3)}
html.dark .ativ-title{color:#e8e8f0}
html.dark .ativ-desc{color:#8888a0}
html.dark [style*="background:linear-gradient(135deg,#f5f0ff"]{background:var(--bg-card-alt)!important}
html.dark [style*="background:linear-gradient(135deg,#fff0f5"]{background:#302838!important}
html.dark [style*="background:linear-gradient(135deg,#fce8f0"]{background:#302838!important}
html.dark [style*="background:linear-gradient(160deg,#fff0f5"]{background:linear-gradient(160deg,#1e1e32 0%,#242440 40%,#222238 100%)!important}
html.dark [style*="background:#f0e8ff"]{background:var(--bg-selected)!important}
html.dark [style*="border-bottom:1px solid #f5e8f0"]{border-bottom-color:var(--border-light)!important}
html.dark [style*="border-bottom:1px dashed #f0e0ea"]{border-bottom-color:var(--border-light)!important}
html.dark [style*="border-top:1px solid #f0e0ea"]{border-top-color:var(--border-light)!important}
html.dark [style*="border-top:1px solid #f5e0ea"]{border-top-color:var(--border-light)!important}
html.dark [style*="background:#f0e0ea"]{background:var(--border-light)!important}
html.dark [style*="background:linear-gradient(135deg,#f0fff0"]{background:#262e38!important}
html.dark [style*="background:linear-gradient(135deg,#fdf6ff"]{background:var(--bg-card-alt)!important}
html.dark [style*="background:linear-gradient(135deg,#f6f8ff"]{background:#282e3e!important}
html.dark [style*="background:linear-gradient(90deg,#5ab4f0"]{background:linear-gradient(90deg,#2a5a80,#1a4a70)!important}

/* ── BLOG STYLES ── */
.blog-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto}
.blog-header a{text-decoration:none}
.blog-header-logo{display:flex;align-items:center;gap:10px}
.blog-header-logo img{height:36px;border-radius:10px}
.blog-header-logo span{font-size:16px;font-weight:800;color:var(--pink)}
.blog-back{font-size:13px;font-weight:700;color:var(--purple);padding:8px 16px;border:1.5px solid var(--purple);border-radius:10px;transition:all .2s}
.blog-back:hover{background:var(--purple);color:#fff}
.blog-article{max-width:720px;margin:0 auto;padding:0 24px 60px}
.blog-article-hero img{width:100%;max-height:340px;object-fit:cover;border-radius:18px;margin-bottom:24px}
.blog-article h1{font-size:26px;font-weight:800;color:var(--pink);line-height:1.3;margin:0 0 12px}
.blog-meta{font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:24px;display:flex;gap:16px;align-items:center}
.blog-meta time{color:#9a7ac0}
.blog-content{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.9}
.blog-content h2{font-size:20px;font-weight:800;color:var(--purple);margin:28px 0 12px}
.blog-content h3{font-size:17px;font-weight:800;color:var(--text-primary);margin:22px 0 10px}
.blog-content p{margin:0 0 16px}
.blog-content ul{margin:0 0 16px;padding-left:20px}
.blog-content li{margin-bottom:8px}
.blog-content strong{color:var(--text-primary)}
.blog-content blockquote{border-left:4px solid var(--pink);margin:20px 0;padding:12px 20px;background:var(--bg-card-alt);border-radius:0 12px 12px 0;font-style:italic;color:var(--text-secondary)}
.blog-content a{color:var(--purple);text-decoration:underline}
.blog-cta{background:linear-gradient(135deg,var(--pink),var(--purple));border-radius:18px;padding:28px 24px;text-align:center;margin:32px 0}
.blog-cta h3{color:#fff;font-size:18px;font-weight:800;margin:0 0 8px}
.blog-cta p{color:rgba(255,255,255,.85);font-size:14px;font-weight:600;margin:0 0 16px}
.blog-cta a{display:inline-block;background:#fff;color:var(--pink);font-size:15px;font-weight:800;padding:12px 28px;border-radius:12px;text-decoration:none;transition:all .2s}
.blog-cta a:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.2)}
.blog-nav-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid var(--border-light);margin-top:32px}
.blog-nav-bottom a{font-size:13px;font-weight:700;color:var(--purple);text-decoration:none}
/* Blog index page */
.blog-page-title{text-align:center;padding:20px 24px 8px;max-width:720px;margin:0 auto}
.blog-page-title h1{font-size:28px;font-weight:800;color:var(--pink);margin:0 0 8px}
.blog-page-title p{font-size:14px;font-weight:600;color:var(--text-muted);margin:0}
.blog-list{max-width:720px;margin:0 auto;padding:20px 24px 60px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.blog-list a{text-decoration:none;color:inherit}
@media(max-width:500px){.blog-list{grid-template-columns:1fr}}
/* Article-specific cards */
.phase-card{background:var(--bg-card);border-radius:16px;padding:20px;margin:16px 0;border:1.5px solid var(--border-light)}
.phase-card h3{margin-top:0}
.phase-card .phase-emoji{font-size:28px;margin-bottom:8px}
.supp-card{background:var(--bg-card);border-radius:16px;padding:20px;margin:16px 0;border:1.5px solid var(--border-light)}
.supp-card h3{margin-top:0;color:var(--purple)}
.supp-card .supp-emoji{font-size:28px;margin-bottom:8px}
/* Blog dark mode (system preference for standalone blog pages) */
@media(prefers-color-scheme:dark){
  .blog-back{color:#c0a0e0;border-color:#c0a0e0}
  .blog-back:hover{background:#c0a0e0;color:#1a1a2e}
  .blog-meta time{color:#c0a0e0}
  .blog-nav-bottom a{color:#c0a0e0}
  .supp-card h3{color:#c0a0e0}
}
/* Blog article-specific: feature grid & comparison table */
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.feature-item{background:var(--bg-card);border-radius:14px;padding:16px;border:1.5px solid var(--border-light);text-align:center}
.feature-item .feat-icon{font-size:28px;margin-bottom:6px}
.feature-item h4{font-size:14px;font-weight:800;color:var(--text-primary);margin:0 0 4px}
.feature-item p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.5}
.comparison-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px}
.comparison-table th{background:var(--bg-card-alt);color:var(--pink);font-weight:800;padding:10px 8px;text-align:left}
.comparison-table td{padding:8px;border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-weight:600}
.comparison-table tr:hover td{background:var(--bg-hover)}
@media(max-width:500px){.feature-grid{grid-template-columns:1fr}}
