/* zl2 brand/logo + Chile lang polish on mexflix skin */
.top-logo-img{object-fit:contain;max-height:44px;width:auto;height:44px;background:transparent}
.mexflix-logo{display:flex;align-items:center;gap:.5rem;font-weight:800}
.mexflix-logo img{height:36px;width:auto;object-fit:contain}
.lang-pill button{cursor:pointer}
.lang-pill button.active{font-weight:800}
/* ensure download CTAs look clickable */
.js-dl{cursor:pointer}
a.js-dl{text-decoration:none}

/* ===== AntuTV palette shift 2026-09-17: orange/gold -> violet (FB 素材去重) ===== */
:root{--orange:#8b5cf6;--gold:#c4b5fd}
.hero-bg{background:radial-gradient(at 100% 0,#8b5cf673,#0000 60%),radial-gradient(at 0 100%,#8b5cf62e,#0000 60%),linear-gradient(#16121f 0%,#000 100%)}
.btn-dl{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)}
.dl-bar-cta{background:linear-gradient(90deg,#6d28d9 0%,#8b5cf6 50%,#c4b5fd 100%)}
.promo-big-btn{background:linear-gradient(135deg,var(--orange),#c4b5fd)}
.hero-chip{color:var(--orange);background:#8b5cf626;border:1px solid #8b5cf64d}
.top-progress span{background:linear-gradient(90deg,#6d28d9 0%,#8b5cf6 50%,#c4b5fd 100%)}
.hl-card{background:linear-gradient(135deg,#150f24 0%,#1e1533 100%)}
.sp-bar-fill{background:linear-gradient(90deg,var(--orange),var(--gold))}

/* ===== KuyenTV rewards section 2026-09-17 ===== */
.hero-bonus{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#0d0a14;background:linear-gradient(135deg,var(--gold),#a78bfa);padding:7px 12px;border-radius:999px}
.hero-bonus b{font-weight:800}
.reward-sec{padding:18px 14px}
.reward-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid #8b5cf64d;background:linear-gradient(160deg,#8b5cf61f 0%,#6d28d914 55%,rgba(255,255,255,.03) 100%);padding:22px 16px}
.reward-card::after{content:'';position:absolute;width:220px;height:220px;right:-70px;top:-90px;border-radius:50%;background:radial-gradient(circle,#8b5cf647,transparent 70%)}
.reward-head{position:relative;z-index:1;text-align:center;margin-bottom:16px}
.reward-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:#8b5cf61f;border:1px solid #8b5cf64d;padding:5px 12px;border-radius:999px;margin-bottom:10px}
.reward-title{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0 0 6px}
.reward-amount{display:block;font-size:34px;font-weight:800;color:var(--gold);line-height:1.1;margin:4px 0 8px}
.reward-sub{font-size:13px;color:rgba(255,255,255,.72);line-height:1.6;max-width:46ch;margin:0 auto}
.reward-grid{position:relative;z-index:1;display:grid;gap:10px;margin-bottom:16px}
@media(min-width:720px){.reward-grid{grid-template-columns:repeat(3,1fr)}}
.reward-item{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;background:rgba(10,8,18,.5);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}
.reward-ic{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#8b5cf624;font-size:17px}
.reward-item b{display:block;font-size:13px;font-weight:700;margin-bottom:3px}
.reward-item p{font-size:12px;color:#b3b3c3;line-height:1.5;margin:0}
.reward-cta{position:relative;z-index:1;display:block;text-align:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border-radius:12px;padding:14px;font-size:15px;font-weight:700;text-decoration:none}
.reward-cta b{color:var(--gold)}
.reward-note{position:relative;z-index:1;margin:10px auto 0;font-size:11px;color:rgba(255,255,255,.4);line-height:1.5;max-width:52ch;text-align:center}

/* ===== KuyenTV exaggeration kit 2026-09-17 ===== */
.hero-urgency{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.countdown{display:inline-flex;align-items:center;gap:8px;background:#0d0a14;border:1px solid #8b5cf64d;border-radius:12px;padding:7px 12px;font-size:12px}
.cd-label{color:#c4b5fd;font-weight:700}
.cd-time{font-variant-numeric:tabular-nums;letter-spacing:.5px}
.cd-time b{color:#fff;font-size:16px;font-weight:800}
.cd-time small{color:#888;font-size:10px;margin-left:1px}
.scarcity{display:inline-flex;align-items:center;gap:6px;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:12px;padding:7px 12px;font-size:12px;color:#fff;font-weight:700}
.scarcity b{color:var(--gold);font-size:14px}
.dot-pulse{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 #ef4444;animation:dotPulse 1.4s infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 #ef444499}70%{box-shadow:0 0 0 10px #ef444400}100%{box-shadow:0 0 0 0 #ef444400}}
.reward-stack{margin:6px 0 10px;font-size:13px;color:rgba(255,255,255,.72)}
.reward-stack b{color:var(--gold);font-size:18px;font-weight:800;display:inline-block;margin-left:4px}

.testimonials{padding:18px 14px}
.testimonials h2{font-size:18px;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:6px}
.ts-grid{display:grid;gap:10px}
@media(min-width:720px){.ts-grid{grid-template-columns:repeat(3,1fr)}}
.ts-card{background:rgba(10,8,18,.5);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}
.ts-stars{color:#fbbf24;font-size:14px;letter-spacing:2px;margin-bottom:8px}
.ts-quote{font-size:13px;line-height:1.55;color:#e5e5e5;margin:0 0 12px;font-style:italic}
.ts-author{display:flex;align-items:center;gap:10px}
.ts-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px}
.ts-author b{display:block;font-size:13px}
.ts-author small{color:#888;font-size:11px}

.live-feed{position:fixed;left:14px;bottom:80px;z-index:50;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:300px}
.live-toast{display:flex;align-items:center;gap:10px;background:rgba(13,10,20,.94);border:1px solid #8b5cf64d;border-radius:12px;padding:10px 12px;font-size:12px;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.5);animation:toastIn .4s ease,toastOut .4s ease 7s forwards}
.live-toast .lt-ic{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);display:grid;place-items:center;font-size:15px;flex-shrink:0}
.live-toast b{color:var(--gold)}
.live-toast small{display:block;color:#888;font-size:10px;margin-top:2px}
@keyframes toastIn{from{transform:translateX(-120%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes toastOut{to{transform:translateX(-120%);opacity:0}}

.exit-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.78);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}
.exit-modal[hidden]{display:none}
.exit-card{position:relative;max-width:380px;width:100%;background:linear-gradient(160deg,#1a1228 0%,#0d0a14 100%);border:2px solid #8b5cf6;border-radius:20px;padding:28px 22px;text-align:center;animation:exitIn .35s ease}
@keyframes exitIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}
.exit-close{position:absolute;top:10px;right:14px;background:none;border:none;color:#888;font-size:26px;cursor:pointer;line-height:1}
.exit-gift{font-size:48px;margin-bottom:6px;animation:giftBounce 1.6s ease infinite}
@keyframes giftBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.exit-card h2{font-size:20px;font-weight:800;margin:0 0 8px;line-height:1.25}
.exit-card p{font-size:14px;color:rgba(255,255,255,.78);margin:0 0 16px}
.exit-card p b{color:var(--gold)}
.exit-cta{display:block;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border-radius:14px;padding:15px;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 8px 24px #8b5cf647;animation:ctaPulse 1.8s ease infinite}
.exit-note{margin:10px 0 0;font-size:11px;color:rgba(255,255,255,.4)}
@keyframes ctaPulse{0%,100%{box-shadow:0 8px 24px #8b5cf647}50%{box-shadow:0 12px 32px #8b5cf680}}

.dl-bar-cta{animation:ctaPulse 1.8s ease infinite}