:root{--bg:#1a120b;--card:#2a1d12;--wood:#c8893f;--gold:#ffd23f;--wa:#25d366;--wa-dark:#128c4a;--text:#fff7ec;--muted:#e6d3bb;--max:1120px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Poppins",system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;padding-bottom:120px}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}
.display{font-family:"Bungee",Impact,sans-serif;letter-spacing:.5px;line-height:1.1}
.topbar{background:#000;text-align:center;padding:8px 12px;font-size:.95rem}
.topbar strong{color:var(--gold)}
.topbar .wa-btn{margin:6px 0 2px 8px;font-size:.95rem;padding:8px 18px;border-width:3px;box-shadow:0 4px 0 var(--wa-dark);animation:none}
header.site{position:sticky;top:0;z-index:30;background:rgba(26,18,11,.94);backdrop-filter:blur(6px);border-bottom:4px solid var(--gold)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.logo{font-size:1.5rem}.logo span{color:var(--gold)}
/* WhatsApp buttons */
.wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--wa);color:#fff;text-decoration:none;font-family:"Bungee",Impact,sans-serif;text-transform:uppercase;border:4px solid #fff;border-radius:999px;box-shadow:0 8px 0 var(--wa-dark),0 12px 28px rgba(37,211,102,.45);transition:transform .15s,box-shadow .15s;animation:pulse 2s ease-in-out infinite}
.wa-btn:hover,.wa-btn:focus-visible{transform:translateY(3px);box-shadow:0 5px 0 var(--wa-dark),0 8px 20px rgba(37,211,102,.5);outline:none}
.wa-btn svg{width:1.6em;height:1.6em;flex:none}
.wa-sm{font-size:1.1rem;padding:12px 24px}
.wa-lg{font-size:1.5rem;padding:22px 40px}
.wa-xl{font-size:1.85rem;padding:26px 40px;width:100%;max-width:620px}
@keyframes pulse{0%,100%{scale:1}50%{scale:1.04}}
@media (prefers-reduced-motion:reduce){.wa-btn,.ticker div{animation:none}}
.ticker{background:var(--gold);color:#1a120b;border-block:4px solid #000;overflow:hidden;padding:8px 0}
.ticker div{display:flex;gap:40px;width:max-content;white-space:nowrap;animation:scroll 30s linear infinite;font-size:1.1rem}
@keyframes scroll{to{transform:translateX(-50%)}}
.hero{background:radial-gradient(circle at 70% 40%,#5a3415 0,var(--bg) 65%)}
.hero .wrap{display:grid;gap:36px;align-items:center;padding-top:48px;padding-bottom:56px}
@media(min-width:860px){.hero .wrap{grid-template-columns:1.1fr 1fr}}
.tag{display:inline-block;background:#e63946;padding:4px 14px;border-radius:6px;transform:rotate(-2deg);margin-bottom:14px}
.hero h1{font-size:clamp(2.4rem,6vw,4.4rem)}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p.lead{font-size:1.15rem;color:var(--muted);margin:18px 0 28px;max-width:540px}
.hero .note{margin-top:14px;color:var(--muted);font-size:.95rem}
.hero figure{border:6px solid var(--gold);border-radius:20px;overflow:hidden;box-shadow:12px 12px 0 #000}
section{padding:56px 0}
h2{font-size:clamp(1.8rem,4vw,2.8rem);text-align:center;margin-bottom:10px}
h2 span{color:var(--gold)}
.sub{text-align:center;color:var(--muted);margin:0 auto 32px;max-width:620px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--card);border:3px solid #4a3220;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px}
.card .ico{font-size:2.2rem}
.card h3{font-size:1.2rem}
.card p{color:var(--muted);flex:1}
.card .wa-btn{font-size:1.15rem;padding:16px 20px;margin-top:8px;animation:none}
.cta-band{background:var(--wood);color:#1a120b;text-align:center}
.cta-band h2{color:#1a120b}
.cta-band p{margin-bottom:24px;font-weight:600}
.split{display:grid;gap:30px;align-items:center}
@media(min-width:860px){.split{grid-template-columns:1fr 1fr}}
.split img{border-radius:20px;border:6px solid var(--wood)}
.list{list-style:none;display:grid;gap:14px}
.list li{background:var(--card);border-left:6px solid var(--gold);padding:12px 16px;border-radius:10px}
.list b{display:block;color:var(--gold)}
.steps{counter-reset:s}
.steps .card{position:relative;padding-top:40px}
.steps .card::before{counter-increment:s;content:counter(s);position:absolute;top:-18px;left:20px;background:var(--gold);color:#000;font-family:"Bungee",sans-serif;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.3rem}
.center{text-align:center}
.faq details{background:var(--card);border-radius:12px;padding:14px 18px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600}
.faq p{color:var(--muted);margin-top:8px}
footer{background:#000;padding:36px 0;text-align:center;color:var(--muted);font-size:.95rem}
footer nav{margin-top:12px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
footer small{display:block;margin-top:14px;opacity:.75}
.float-wa{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:50;width:calc(100% - 24px);max-width:580px;font-size:1.5rem;padding:20px 22px}
.float-wa:hover{transform:translateX(-50%) translateY(3px)}
.page{max-width:820px;padding:48px 18px}
.page h1{font-size:2rem;margin-bottom:18px}
.page h2{text-align:left;font-size:1.3rem;margin:24px 0 8px}
.page p,.page li{color:var(--muted);margin-bottom:10px}
.page ul{padding-left:20px}