:root{--color-primary: #FFD500;--color-primary-dark: #E6BF00;--color-secondary: #08243C;--color-secondary-light: #123A5C;--color-bg: #08243C;--color-surface: #123A5C;--color-border: rgba(255, 255, 255, .12);--color-text: #F4F7FA;--color-text-muted: #9FB2C6;--color-urgent: #E63946;--color-success: #2ECC8F;--radius: 16px;--radius-sm: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{max-width:480px;margin:0 auto;min-height:100dvh;padding-top:var(--safe-top);padding-bottom:calc(var(--safe-bottom) + 16px);display:flex;flex-direction:column;gap:20px}a{color:inherit}button{font-family:inherit;cursor:pointer;border:none}.header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;padding:16px 20px 4px}.header-spacer{width:36px;height:36px}.brand{display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden}.logo-wrap{position:relative;width:58px;height:58px;flex-shrink:0}.logo-wrap img{width:100%;height:100%;display:block}.split-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;opacity:0;pointer-events:none;background:linear-gradient(135deg,transparent 44%,rgba(255,255,255,.95) 48%,var(--color-primary) 50%,rgba(255,255,255,.95) 52%,transparent 56%)}.bolt-icon{position:absolute;top:50%;left:50%;width:17px;height:17px;transform:translate(-50%,-50%) translateY(-30px) scale(.6) rotate(-8deg);opacity:0;pointer-events:none}.bolt-icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 3px rgba(255,213,0,.75))}.spark-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.spark{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 4px 1px #ffd500d9;opacity:0;transform:translate(-50%,-50%)}.header h1{font-size:23px;margin:0;color:var(--color-text);overflow:hidden;flex:0 1 auto;white-space:nowrap}.header h1 span{display:inline-block;opacity:1;transform:none}.header h1 span:nth-child(odd){--dir: -1}.header h1 span:nth-child(2n){--dir: 1}.refresh-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);display:flex;align-items:center;justify-content:center}.refresh-btn svg{width:18px;height:18px}.refresh-btn.spinning svg{animation:refresh-spin .6s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.refresh-btn.spinning svg{animation:none}}.header.connecting .bolt-icon{animation:bolt-fall .5s cubic-bezier(.55,0,.85,.35) both}.header.connecting .spark{animation:spark-burst .5s ease-out .34s both}.header.connecting .split-flash{animation:split-flash .55s ease-out .32s both}.header.connecting .logo-wrap img{animation:logo-pop .5s cubic-bezier(.34,1.56,.64,1) both}.header.connecting h1 span{animation:brand-reveal .4s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 35ms + .28s)}@keyframes bolt-fall{0%{transform:translate(-50%,-50%) translateY(-30px) scale(.6) rotate(-8deg);opacity:0}70%{transform:translate(-50%,-50%) translateY(0) scale(1.15) rotate(0);opacity:1}to{transform:translate(-50%,-50%) translateY(0) scale(.4) rotate(6deg);opacity:0}}@keyframes spark-burst{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@keyframes split-flash{0%{opacity:0;transform:scale(.7) rotate(-6deg)}45%{opacity:1;transform:scale(1.1) rotate(0)}to{opacity:0;transform:scale(1) rotate(4deg)}}@keyframes brand-reveal{0%{opacity:0;transform:translate(calc(var(--dir, 1) * 9px),-9px) rotate(calc(var(--dir, 1) * -10deg)) scale(.55)}70%{opacity:1}to{opacity:1;transform:none}}@keyframes logo-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.header.connecting .bolt-icon,.header.connecting .spark,.header.connecting .split-flash,.header.connecting .logo-wrap img,.header.connecting h1 span{animation:none}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;margin:0 16px}.section-title{display:inline-block;font-size:15px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--color-secondary);background:var(--color-primary);padding:7px 16px;border-radius:12px;margin:0 20px 10px;box-shadow:0 3px 10px #ffd50066}.player{background:var(--color-surface);color:#fff;margin:0 16px;border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px}.player-streams{display:flex;align-items:center;gap:8px}.stream-btn{flex:1;padding:10px 8px;border-radius:var(--radius-sm);background:#ffffff14;color:#fff;font-weight:600;font-size:13px}.stream-btn.active{background:var(--color-primary);color:var(--color-secondary)}.play-toggle-inline{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--color-secondary);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center}.carousel{display:flex;gap:12px;overflow-x:auto;padding:0 9% 4px;scroll-padding:0 9%;scroll-snap-type:x mandatory}.carousel::-webkit-scrollbar{display:none}.news-card{flex:0 0 82%;scroll-snap-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.news-card img{width:100%;height:140px;object-fit:cover;display:block;background:var(--color-border)}.news-card .body{padding:12px 14px 16px}.news-card h3{margin:0 0 6px;font-size:15px;color:var(--color-text)}.news-card p{margin:0;font-size:13px;color:var(--color-text-muted);line-height:1.4}.news-card .video-link{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--color-primary)}.video-grid{display:flex;flex-direction:column;gap:14px;padding:0 16px}.video-row{display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;text-decoration:none}.video-row .icon{width:34px;height:34px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-secondary)}.video-row span{font-size:14px;color:var(--color-text)}.video-card{border-radius:var(--radius);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border)}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.video-frame img{width:100%;height:100%;object-fit:cover;display:block}.video-frame iframe{width:100%;height:100%;border:0;display:block}.video-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:56px;height:56px;border-radius:50%;background:#08243cb8;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.video-play svg{width:24px;height:24px;margin-left:2px}.video-card-title{margin:0;padding:10px 12px;font-size:14px;font-weight:600;color:var(--color-text)}.ad-banner{margin:0 16px;border-radius:var(--radius);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border)}.ad-track{display:flex}.ad-slide{flex:0 0 100%;display:block;text-decoration:none}.ad-slide img{width:100%;display:block}.ad-banner-caption{margin:0;padding:10px 12px;font-size:13px;color:var(--color-text);line-height:1.4}@media(prefers-reduced-motion:reduce){.ad-track{transition:none!important}}.whatsapp-fab{position:fixed;right:20px;bottom:calc(var(--safe-bottom) + 20px);width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0003;z-index:20}.empty-state{text-align:center;color:var(--color-text-muted);font-size:13px;padding:24px}.install-card{display:flex;flex-direction:column;gap:10px}.install-title{margin:0;font-size:15px;font-weight:700;color:var(--color-text)}.install-hint{margin:0;font-size:13px;color:var(--color-text-muted);line-height:1.4}.install-steps{margin:0;padding-left:20px;font-size:13px;color:var(--color-text);line-height:1.6}.install-steps li strong{color:var(--color-primary)}.install-steps svg{vertical-align:-2px;margin:0 1px}.install-actions{display:flex;gap:8px}.install-actions .stream-btn{flex:none;padding:10px 16px}.btn-outline{flex:none;padding:10px 16px;border-radius:var(--radius-sm);background:transparent;border:1.5px solid var(--color-border);color:var(--color-text);font-weight:600;font-size:13px}.social-row{display:flex;flex-wrap:wrap;gap:10px;padding:0 16px}.social-btn{flex:1;min-width:90px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:var(--radius-sm);text-decoration:none;color:#fff;font-size:12.5px;font-weight:700}.social-icon{display:flex}.social-youtube{background:red}.social-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.social-facebook{background:#1877f2}.social-tiktok{background:#000}.social-linkedin{background:#0a66c2}.emergency-wrap{margin:0 16px}.emergency-btn{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);background:var(--color-urgent);color:#fff;font-size:15px;font-weight:800}.emergency-logo{width:24px;height:24px;border-radius:50%;background:#fff;padding:2px;flex-shrink:0}.emergency-btn span:nth-child(2){flex:1;text-align:left}.emergency-chevron{font-size:16px;transition:transform .2s ease}.emergency-wrap.open .emergency-chevron{transform:rotate(180deg)}.emergency-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.emergency-wrap.open .emergency-panel{grid-template-rows:1fr;margin-top:8px}.emergency-panel-inner{overflow:hidden;display:flex;flex-direction:column;gap:8px}.emergency-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);text-decoration:none;color:var(--color-text);font-size:14px;font-weight:600}.emergency-call{font-size:12px;font-weight:700;color:#fff;background:var(--color-urgent);padding:4px 10px;border-radius:999px}@media(prefers-reduced-motion:reduce){.emergency-panel{transition:none}}