/*
Theme Name: Premium Live Radio & News
Theme URI: https://noticias.linkradial.com.ar
Author: Link Radial
Description: Tema Premium Single-Page con reproductor de radio ininterrumpido, integracion RSS para Multisitios y diseno Glassmorphism (Tailwind CSS).
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: premium-live
*/

:root { 
    --brand-color: 66 139 202; 
    --bg-color-1: #060A13; 
    --bg-color-2: #02040A; 
}

body { 
    font-family: 'Outfit', sans-serif; 
    -webkit-tap-highlight-color: transparent; 
    overflow-x: hidden; 
}

/* Degradado Radial Premium para el Fondo Oscuro */
.dark body { 
    background: radial-gradient(circle at 50% 0%, var(--bg-color-1) 0%, var(--bg-color-2) 100%); 
    background-attachment: fixed;
    min-height: 100vh;
}
.light body { 
    background-color: #f0f2f5; 
    min-height: 100vh; 
}

::-webkit-scrollbar { width: 4px; background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(150,150,150,0.2); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(var(--brand-color), 0.8); }

@keyframes float { 0% { transform: translateY(0px) scale(1); } 50% { transform: translateY(-20px) scale(1.05); } 100% { transform: translateY(0px) scale(1); } }
.animate-float { animation: float 18s ease-in-out infinite; }

@keyframes pulse-ring { 0% { box-shadow: 0 0 0 0 rgba(var(--brand-color), 0.4); } 70% { box-shadow: 0 0 0 30px rgba(var(--brand-color), 0); } 100% { box-shadow: 0 0 0 0 rgba(var(--brand-color), 0); } }
.animate-pulse-ring { animation: pulse-ring 2.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }

@keyframes fadeInScale { from { opacity: 0; transform: scale(0.98) translateY(15px); } to { opacity: 1; transform: scale(1) translateY(0); } }
.animate-fade-in { animation: fadeInScale 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

.noise-overlay { position: fixed; inset: 0; z-index: 1; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); opacity: 0.04; mix-blend-mode: overlay; }
.light .noise-overlay { opacity: 0.03; mix-blend-mode: multiply; }

.glass-panel { background: linear-gradient(145deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border-top: 1px solid rgba(255, 255, 255, 0.1); border-left: 1px solid rgba(255, 255, 255, 0.05); border-right: 1px solid rgba(255, 255, 255, 0.02); border-bottom: 1px solid rgba(255, 255, 255, 0.01); box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255,255,255,0.05); }
.light .glass-panel { background: linear-gradient(145deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%); border-top: 1px solid rgba(255, 255, 255, 1); border-left: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.02); box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255,255,255,1); }

.play-btn-premium { background: linear-gradient(145deg, rgba(255,255,255,0.1), rgba(0,0,0,0.2)); box-shadow: inset 0px 2px 2px rgba(255,255,255,0.15), inset 0px -2px 5px rgba(0,0,0,0.5), 0 15px 25px rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.05); }
.light .play-btn-premium { background: linear-gradient(145deg, #ffffff, #e6e6e6); box-shadow: inset 0px 2px 2px rgba(255,255,255,1), inset 0px -2px 5px rgba(0,0,0,0.05), 0 15px 25px rgba(0,0,0,0.1); border: 1px solid rgba(255,255,255,1); }
.play-btn-active { background: linear-gradient(145deg, rgb(var(--brand-color)), rgba(var(--brand-color), 0.7)); box-shadow: inset 0px 2px 4px rgba(255,255,255,0.4), inset 0px -4px 8px rgba(0,0,0,0.3), 0 15px 35px rgba(var(--brand-color), 0.5); border: none; }

.text-glow { text-shadow: 0 0 20px rgba(var(--brand-color), 0.5); }

/* Ocultar pestanas inactivas */
.tab-panel { display: none; }
.tab-panel.active { display: block; }