:root{--y:#FFD60A;--k:#141414;--r:#D62828;--cr:#FFFDF9;--sub:#3a3a3a}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:Figtree,system-ui,sans-serif;background:var(--y);color:var(--k);line-height:1.4}
.wrap{max-width:520px;margin:0 auto;padding:22px 18px 48px}
.chip{display:inline-block;background:var(--r);color:#fff;font-weight:800;font-size:11px;letter-spacing:.16em;padding:7px 11px;border-radius:6px;text-transform:uppercase}
.chip.k{background:var(--k);color:var(--y)}
h1{font-family:'Bricolage Grotesque',Figtree,sans-serif;font-weight:800;font-size:52px;line-height:.95;letter-spacing:-.02em;margin:14px 0 10px}
h2{font-family:'Bricolage Grotesque',Figtree,sans-serif;font-weight:800;font-size:26px;line-height:1.05;letter-spacing:-.01em;margin:0 0 10px}
.sub{font-size:19px;line-height:1.3;color:var(--sub);margin-bottom:18px}
.sub b,.card b{color:var(--k)}
.hand{font-family:'Caveat Brush',cursive;color:var(--r)}
.card{background:var(--cr);border:3px solid var(--k);border-radius:18px;padding:18px 16px;box-shadow:8px 8px 0 var(--r);position:relative}
.btn{display:block;width:100%;text-align:center;background:var(--k);color:var(--y);font:inherit;font-weight:800;font-size:20px;padding:16px;border-radius:12px;border:0;cursor:pointer;text-decoration:none;-webkit-appearance:none}
.btn.red{background:var(--r);color:#fff}
.btn:disabled{opacity:.7}
.tiny{text-align:center;font-size:12.5px;color:var(--sub);margin-top:10px}
footer{margin-top:34px;text-align:center;font-size:12px;color:var(--sub);line-height:1.6}
footer a{color:var(--k)}
.offers{display:grid;gap:14px;margin:12px 0 6px}
.box{background:var(--cr);border:3px solid var(--k);border-radius:14px;padding:14px;position:relative}
.box .tag{position:absolute;top:-12px;left:14px;background:var(--y);border:2px solid var(--k);font-size:10.5px;font-weight:800;letter-spacing:.12em;padding:3px 8px;border-radius:5px}
.box h3{font-family:'Bricolage Grotesque',Figtree,sans-serif;font-weight:800;font-size:22px;margin:6px 0 6px}
.box p{font-size:15px;line-height:1.4;color:var(--sub);margin-bottom:10px}
.box .price{font-size:17px;margin-bottom:10px;color:var(--k)}
.box .price s{color:#888;margin-right:6px}
.box .btn{font-size:16px;padding:13px}
.box.clase .btn{background:var(--r);color:#fff}
@media(min-width:460px){.offers{grid-template-columns:1fr 1fr}}

/* Netlify floating badge off (Pro plan) */
#nl-badge-frame,#nl-hud-frame{display:none!important}
