:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f6fa;background:#090f1b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#1d3156 0,#090f1b 47%);min-height:100vh}main{width:min(850px,93vw);margin:0 auto;padding:35px 0 60px}header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}h1{font-size:clamp(29px,5vw,44px);letter-spacing:-.04em;margin:8px 0}h2{font-size:22px;margin:0 0 12px}p{line-height:1.6;color:#b5c3db}.pill{display:inline-block;background:#173555;color:#9ce1fb;padding:6px 12px;border-radius:100px;font-size:12px;font-weight:800;letter-spacing:.06em}.panel{border:1px solid #31415b;background:#101c30ed;border-radius:20px;padding:26px;margin:18px 0;box-shadow:0 16px 50px #0003}.muted{color:#b5c3db}.warning{border:1px solid #d0ac52;background:#4b371c4d;border-radius:10px;padding:12px;color:#ffe6a8;font-weight:600;font-size:14px}.notice{padding:12px;background:#12324a;border-radius:10px;margin:14px 0}.hidden{display:none!important}label{display:block;font-weight:650;margin:16px 0 6px}input{width:100%;font-size:17px;border:1px solid #506383;border-radius:10px;padding:13px;background:#0b1424;color:white}button,.linkbtn{border:0;border-radius:10px;font-size:16px;padding:13px 20px;cursor:pointer;font-weight:750;background:#3cbded;color:#062338;text-decoration:none;display:inline-block}button:disabled{opacity:.4;cursor:not-allowed}button.secondary,.linkbtn.secondary{background:#263b56;color:#edf7ff}button.danger{background:#f1a0a0;color:#481015}.buttonbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.checkline{display:flex;gap:10px;align-items:start;margin:16px 0}.checkline input{width:auto;accent-color:#3cbded;margin:4px}.checkline label{margin:0;font-weight:450}.checkline strong{color:white}.step{color:#79d8fb;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}video{width:100%;background:#050914;border-radius:12px;max-height:420px;object-fit:contain}.indicators{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.indicator{border-radius:25px;border:1px solid #6d7890;padding:7px 12px;font-size:12px;font-weight:750}.active{background:#662b35;border-color:#f37d8c;color:#ffd9d9}.ok{color:#9ff4cc}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.split{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.panel{padding:19px}}small{color:#a3b4cd}code{background:#28364d;padding:4px 8px;border-radius:5px}a{color:#7fddff}.status{min-height:24px;font-weight:650}
/* Landing page da campanha demonstrativa */
body.promo{background:#fffaf2;color:#332719;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body.promo .promo-main{width:min(1020px,94vw);padding-top:15px}body.promo .demo-ribbon{background:#6e361b;color:white;font-size:11px;font-weight:800;letter-spacing:.055em;padding:12px;text-align:center;border-radius:10px}body.promo .promo-header{margin:22px 0 14px;color:#3a3026;align-items:center}body.promo .brand{display:flex;align-items:center;gap:12px;font-size:17px;line-height:1.1}body.promo .brand-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#6f3922;color:#fbe5b5;font-size:24px}body.promo .brand small{display:block;font-size:11px;color:#907965;margin-top:5px}body.promo .header-tag{border:1px solid #cfb99b;padding:8px 12px;border-radius:25px;font-size:12px}body.promo .hero{display:grid;grid-template-columns:1.2fr .8fr;background:#422518;color:#fff2df;border-radius:24px;overflow:hidden;min-height:330px}body.promo .hero-copy{padding:40px;align-self:center}body.promo .eyebrow{font-size:11px;color:#efc08d;letter-spacing:.16em;font-weight:850}body.promo h1{font-family:Georgia,serif;font-weight:normal;letter-spacing:-.04em;font-size:clamp(36px,5vw,56px);line-height:1.03;margin:18px 0}body.promo .hero p{color:#e3cdbc;font-size:15px}body.promo .hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}body.promo .hero-chips span{font-size:12px;padding:8px 12px;background:#ffffff17;border:1px solid #ffffff33;border-radius:22px}body.promo .hero-art{position:relative;overflow:hidden;background:radial-gradient(circle at center,#bd794b 0,#633a27 43%,#2c170f 86%);display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}body.promo .art-glow{width:230px;height:230px;position:absolute;border-radius:50%;border:4px solid #edc08b;box-shadow:0 0 0 12px #422518,0 0 0 16px #bd9569,0 0 55px 25px #e1a56255;transform:rotate(-18deg)}body.promo .plate{font-size:68px;color:#e8bb7f;z-index:1}body.promo .art-text{text-align:center;letter-spacing:.21em;color:#fff0cf;font-size:12px;z-index:1;line-height:1.8}body.promo .promo-warning{background:#fff0dc;border-color:#d6a873;color:#653c1c;margin:18px 0}body.promo .promo-panel{max-width:730px;margin:20px auto;border:1px solid #e0d0b9;background:white;color:#34291d;box-shadow:0 14px 45px #49311b12;padding:28px}body.promo .promo-panel h2{font-family:Georgia,serif;font-size:28px;font-weight:normal}body.promo .promo-panel p{color:#756452}body.promo .promo-panel label{color:#453527}body.promo .promo-panel input:not([type=checkbox]){background:#fffdf9;color:#2a2118;border:1px solid #cdbfae}body.promo .promo-panel button{background:#743c25;color:#fff6e8}body.promo .promo-panel button.secondary{background:#ece2d6;color:#493524}body.promo .promo-panel button.danger{background:#a73830;color:white}body.promo .promo-panel .step{color:#8b5232}body.promo .promo-panel .notice{background:#fff4e8;color:#693b20;font-weight:700}body.promo .consent-box{background:#fff5e8;border:1px solid #dcbf9f;padding:15px;border-radius:12px}body.promo .consent-box p{margin-bottom:0}body.promo .checkline strong{color:#382214}body.promo .selfie-frame{position:relative;max-width:400px;margin:12px auto;background:#151515;border-radius:20px;overflow:hidden}body.promo video{max-height:470px;display:block}body.promo .face-guide{position:absolute;border:2px dashed #fff9;border-radius:50% 50% 46% 46%;width:54%;height:71%;top:12%;left:23%;pointer-events:none}body.promo .promo-footer{text-align:center;color:#8c7d6b;font-size:12px;margin-top:30px}body.promo .status{color:#8d342a}@media(max-width:640px){body.promo .hero{grid-template-columns:1fr}body.promo .hero-copy{padding:27px}body.promo .hero-art{min-height:175px}body.promo .art-glow{width:130px;height:130px}body.promo .plate{font-size:38px}body.promo .promo-panel{padding:19px}body.promo .brand{font-size:14px}body.promo .header-tag{font-size:10px}}

/* Oliva: consentimento inicial e experiência promocional */
body.promo .terms-panel{max-width:850px;margin-top:35px}body.promo .terms-panel h1{font-size:42px}body.promo .terms-panel h2{font-size:25px;margin-top:24px}body.promo .terms-panel li{color:#635746;line-height:1.7;margin:13px 0}body.promo .terms-panel ul{padding-left:23px}body.promo .terms-link{color:#72503a;font-size:12px}body.promo .hero{grid-template-columns:1fr 1fr}body.promo .hero-photo{min-height:370px}body.promo .hero-photo img{width:100%;height:100%;object-fit:cover;display:block}body.promo .experience-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:26px 10px}body.promo .experience-strip strong{font:22px Georgia;color:#573d28}body.promo .experience-strip p{font-size:14px;color:#8b7663;margin-top:6px}body.promo .compact-status .indicator{font-size:11px;padding:4px 8px;font-weight:500}body.promo .compact-status .active{background:#fff0df;border-color:#c99265;color:#714726}
@media(max-width:640px){body.promo .hero{grid-template-columns:1fr}body.promo .hero-photo{min-height:210px;height:230px}body.promo .experience-strip{grid-template-columns:1fr;gap:6px}body.promo .terms-panel h1{font-size:34px}body.promo .terms-panel{margin-top:12px}}
