*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:#060608}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#fafafa}html.preload *,html.preload :before,html.preload :after{transition-duration:0s!important;animation-duration:0s!important}body{-webkit-font-smoothing:antialiased;background-color:var(--clr-bg);min-height:100vh;color:var(--clr-text);font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;transition:background-color .4s,color .4s}img,video,iframe{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}ul,ol{list-style:none}:root,[data-theme=dark]{--clr-bg:#060608;--clr-bg-elevated:#0e0e12;--clr-bg-card:#16161c;--clr-bg-controls:#0e0e12d9;--clr-bg-overlay:#060608eb;--clr-text:#f0f0f5;--clr-text-secondary:#9a9ab0;--clr-text-muted:#5a5a72;--clr-primary:#e63946;--clr-primary-hover:#ff4d5a;--clr-accent-orange:#ff6b35;--clr-accent-yellow:#ffb627;--clr-gradient-hero:linear-gradient(135deg, #e63946 0%, #ff6b35 50%, #ffb627 100%);--clr-gradient-btn:linear-gradient(135deg, #e63946 0%, #ff6b35 100%);--clr-border:#ffffff0f;--clr-border-hover:#ffffff1f;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 40px #e6394626;--shadow-btn:0 4px 16px #e6394659;--clr-scrollbar-track:#0e0e12;--clr-scrollbar-thumb:#2a2a3a;--clr-selection-bg:#e6394659;--clr-selection-text:#fff;--clr-live-dot:#00e676;--clr-badge-bg:#00e6761f;--clr-badge-border:#00e67640;--clr-facebook:#1877f2;--clr-instagram:#e4405f;--clr-whatsapp:#25d366;--clr-header-bg:#0e0e12d9;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:50%;--transition-fast:.2s ease;--transition-medium:.35s ease;--transition-slow:.5s ease;--container-max:1200px;--container-pad:16px}[data-theme=light]{--clr-bg:#fafafa;--clr-bg-elevated:#fff;--clr-bg-card:#fff;--clr-bg-controls:#f2f2f2eb;--clr-bg-overlay:#fafafaf2;--clr-text:#1a1a1a;--clr-text-secondary:#5a5a6e;--clr-text-muted:#8a8a9e;--clr-primary:#d32f2f;--clr-primary-hover:#e63946;--clr-accent-orange:#e85d26;--clr-accent-yellow:#e5a100;--clr-gradient-hero:linear-gradient(135deg, #d32f2f 0%, #e85d26 50%, #e5a100 100%);--clr-gradient-btn:linear-gradient(135deg, #d32f2f 0%, #e85d26 100%);--clr-border:#00000014;--clr-border-hover:#00000026;--shadow-card:0 2px 16px #00000014;--shadow-glow:0 0 30px #d32f2f1a;--shadow-btn:0 4px 16px #d32f2f40;--clr-scrollbar-track:#f2f2f2;--clr-scrollbar-thumb:#c4c4d0;--clr-selection-bg:#d32f2f40;--clr-selection-text:#1a1a1a;--clr-live-dot:#00c853;--clr-badge-bg:#00c8531a;--clr-badge-border:#00c85333;--clr-header-bg:#ffffffd9}::selection{background:var(--clr-selection-bg);color:var(--clr-selection-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--clr-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--clr-scrollbar-thumb);border-radius:var(--radius-full);border:2px solid var(--clr-scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--clr-text-muted)}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}@keyframes soundBar{0%,to{height:4px}50%{height:16px}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spinToggle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes counterPop{0%{opacity:.5;transform:scale(.8)}60%{color:var(--clr-primary);transform:scale(1.1)}to{opacity:1;color:var(--clr-text);transform:scale(1)}}.visitor-counter span.pop{animation:.3s forwards counterPop}.header{z-index:1000;background:var(--clr-header-bg);-webkit-backdrop-filter:blur(12px);padding-block:14px;padding-top:calc(14px + env(safe-area-inset-top,0px));contain:layout style;border-bottom:2px solid;border-image:linear-gradient(90deg,#e31b23 0%,#f58220 50%,gold 100%) 1;transition:background-color .4s;position:sticky;top:0;box-shadow:0 4px 20px #00000014}.header__inner{max-width:var(--container-max);padding-inline:var(--container-pad);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.header__brand{align-items:center;gap:10px;min-width:0;display:flex}.header__logo{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--clr-border);width:40px;height:40px;transition:border-color var(--transition-fast), transform var(--transition-fast);flex-shrink:0}.header__logo:hover{border-color:var(--clr-primary);transform:scale(1.04)}.header__text{flex-direction:column;min-width:0;display:flex}.header__title{white-space:nowrap;text-overflow:ellipsis;color:var(--clr-text);font-size:.95rem;font-weight:700;line-height:1.2;transition:color .4s;overflow:hidden}.header__title span{color:var(--clr-primary);transition:color .4s}.header__subtitle{color:var(--clr-text-muted);letter-spacing:.03em;font-size:.7rem;font-weight:500;transition:color .4s}.header__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.theme-toggle{border-radius:var(--radius-full);background:var(--clr-bg-card);border:1px solid var(--clr-border);width:40px;height:40px;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), color .4s ease;place-items:center;font-size:1.15rem;display:grid}.theme-toggle:hover{background:var(--clr-border-hover);border-color:var(--clr-primary);transform:rotate(30deg)}.theme-toggle:active{transform:rotate(60deg)scale(.9)}.player-section{contain:content;padding:24px 0 32px}.player-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card), var(--shadow-glow);transition:box-shadow var(--transition-medium), border-color var(--transition-medium);contain:content;overflow:hidden}.player-card:hover{border-color:var(--clr-border-hover)}.player-card__header{background:var(--clr-bg-elevated);border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.player-card__header-left{align-items:center;gap:10px;min-width:0;display:flex}.player-card__header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.player-card__now-playing{flex-direction:column;gap:2px;min-width:0;display:flex}.player-card__status-text{color:var(--clr-text-muted);font-size:.72rem;font-weight:500}.player-card__station-name{color:var(--clr-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sound-bars{flex-shrink:0;align-items:flex-end;gap:2px;height:18px;display:flex}.sound-bars span{background:var(--clr-primary);will-change:height;border-radius:2px;width:3px;height:4px;animation:1s ease-in-out infinite soundBar;display:block}.sound-bars span:first-child{animation-delay:0s}.sound-bars span:nth-child(2){animation-delay:.15s}.sound-bars span:nth-child(3){animation-delay:.3s}.sound-bars span:nth-child(4){animation-delay:.45s}.sound-bars span:nth-child(5){animation-delay:.6s}.sound-bars.paused span{background:var(--clr-text-muted);height:4px;animation:none}.player-card__video{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.player-card__video iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.player-card__placeholder{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.player-card__placeholder img{object-fit:cover;filter:blur(6px)brightness(.4);width:100%;height:100%;transform:scale(1.05)}.player-card__placeholder-overlay{text-align:center;background:#0000004d;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.player-card__placeholder-overlay i{color:var(--clr-primary);will-change:transform;font-size:2.5rem;animation:2.5s ease-in-out infinite floatIcon}.player-card__placeholder-overlay p{color:#fff;font-size:1rem;font-weight:700}.player-card__placeholder-overlay span{color:#fff9;font-size:.8rem}.btn-retry{background:var(--clr-gradient-btn);color:#fff;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-btn);border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:700;display:inline-flex}.btn-retry:hover{transform:scale(1.05);box-shadow:0 6px 20px #e6394680}.player-card__controls{background:var(--clr-bg-controls);border-top:1px solid var(--clr-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.ctrl-btn{border-radius:var(--radius-full);color:#fff;background:var(--clr-gradient-btn);width:48px;height:48px;box-shadow:var(--shadow-btn);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;place-items:center;font-size:1.15rem;display:grid}.ctrl-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #e6394673}.ctrl-btn:active{transform:scale(.94)}.ctrl-btn--small{background:var(--clr-bg-card);width:38px;height:38px;color:var(--clr-text-secondary);box-shadow:none;border:1px solid var(--clr-border);font-size:.95rem}.ctrl-btn--small:hover{color:var(--clr-text);background:var(--clr-border-hover);border-color:var(--clr-border-hover);box-shadow:none;transform:scale(1.06)}.ctrl-volume{flex:1;justify-content:center;align-items:center;gap:8px;max-width:200px;display:flex}.volume-slider{appearance:none;background:var(--clr-border);width:100%;height:4px;transition:height var(--transition-fast);cursor:pointer;border-radius:2px;outline:none}.volume-slider:hover{height:6px}.volume-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--clr-primary);cursor:pointer;width:14px;height:14px;transition:transform var(--transition-fast);border:2px solid #fff;box-shadow:0 0 6px #e6394666}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--clr-primary);cursor:pointer;border:2px solid #fff;width:14px;height:14px;box-shadow:0 0 6px #e6394666}.volume-slider::-moz-range-track{background:var(--clr-border);border:none;border-radius:2px;height:4px}.ctrl-info{color:var(--clr-text-muted);text-align:center;white-space:nowrap;font-size:.72rem;font-weight:500}.bg-audio-tip{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-text-secondary);text-align:center;contain:content;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:10px 16px;font-size:.78rem;display:flex}.bg-audio-tip i{color:var(--clr-accent-yellow);font-size:.9rem}.bg-audio-tip strong{color:var(--clr-text);font-weight:700}.bg-audio-tip em{color:var(--clr-accent-orange);font-style:normal;font-weight:600}.info-section{contain:content;opacity:0;padding:40px 0;animation:.6s .2s forwards fadeInUp;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.info-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.info-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);width:100%;max-width:800px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);contain:content;padding:24px;position:relative}.info-card:hover{box-shadow:var(--shadow-card);border-color:var(--clr-border-hover);transform:translateY(-3px)}.info-card__icon{border-radius:var(--radius-md);background:var(--clr-gradient-btn);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.2rem;display:inline-flex}.info-card h2{color:var(--clr-text);margin-bottom:10px;font-size:1.15rem;font-weight:700}.info-card p{color:var(--clr-text-secondary);margin-bottom:16px;font-size:.88rem;line-height:1.7}.info-card__tags{flex-wrap:wrap;gap:8px;display:flex}.info-card__tags span{background:var(--clr-bg-elevated);border:1px solid var(--clr-border);color:var(--clr-text-secondary);transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:50px;align-items:center;gap:4px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.info-card__tags span:hover{border-color:var(--clr-primary);color:var(--clr-primary)}.info-card__tags span i{color:var(--clr-accent-orange);font-size:.7rem}.visitor-counter{background:var(--clr-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--clr-border);color:var(--clr-text-secondary);align-items:center;gap:10px;margin-top:20px;padding:12px 18px;font-size:1rem;font-weight:600;display:inline-flex}.visitor-counter i{color:var(--clr-primary);font-size:1.2rem}.visitor-counter span{color:var(--clr-text);text-align:center;min-width:2ch;font-size:1.3rem;font-weight:800;display:inline-block}.visitor-counter small{color:var(--clr-text-muted);font-size:.75rem;font-weight:400}.social-section{text-align:center;contain:content;opacity:0;padding:40px 0;animation:.6s .4s forwards fadeInUp;transform:translateY(30px)}.social-section__title{color:var(--clr-text);margin-bottom:6px;font-size:1.35rem;font-weight:800}.social-section__title i{color:var(--clr-primary);margin-right:6px}.social-section__subtitle{color:var(--clr-text-secondary);margin-bottom:24px;font-size:.88rem}.social-grid{text-align:left;flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.social-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-md);width:100%;max-width:350px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);contain:content;align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.social-card:hover{box-shadow:var(--shadow-card);border-color:var(--clr-border-hover);transform:translateY(-2px)}.social-card__icon{border-radius:var(--radius-md);color:#fff;width:44px;height:44px;transition:transform var(--transition-fast);flex-shrink:0;place-items:center;font-size:1.2rem;display:grid}.social-card:hover .social-card__icon{transform:scale(1.08)}.social-card--facebook .social-card__icon{background:var(--clr-facebook)}.social-card--facebook:hover{border-color:var(--clr-facebook)}.social-card--instagram .social-card__icon{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.social-card--instagram:hover{border-color:var(--clr-instagram)}.social-card--whatsapp .social-card__icon{background:var(--clr-whatsapp)}.social-card--whatsapp:hover{border-color:var(--clr-whatsapp)}.social-card__info{flex:1;min-width:0}.social-card__name{color:var(--clr-text);margin-bottom:2px;font-size:.92rem;font-weight:700}.social-card__handle{color:var(--clr-text-muted);font-size:.78rem}.social-card__arrow{color:var(--clr-text-muted);transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0;font-size:.9rem}.social-card:hover .social-card__arrow{color:var(--clr-primary);transform:translate(4px)}.footer{background:var(--clr-bg-elevated);border-top:1px solid var(--clr-border);contain:content;padding:32px 0}.footer__inner{text-align:center;max-width:var(--container-max);padding-inline:var(--container-pad);flex-direction:column;align-items:center;gap:16px;margin-inline:auto;display:flex}.footer__brand{align-items:center;gap:10px;display:flex}.footer__logo{border-radius:var(--radius-full);object-fit:cover;width:32px;height:32px}.footer__copy{color:var(--clr-text-muted);font-size:.78rem;line-height:1.6}.footer__legal{color:var(--clr-text-muted);opacity:.7;font-size:.72rem;line-height:1.5}.footer__socials{align-items:center;gap:12px;display:flex}.footer__socials a{border-radius:var(--radius-full);background:var(--clr-bg-card);border:1px solid var(--clr-border);width:36px;height:36px;color:var(--clr-text-secondary);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);place-items:center;font-size:.95rem;display:grid}.footer__socials a:hover{color:var(--clr-primary);border-color:var(--clr-primary);background:#e6394614;transform:translateY(-2px)}@media (width>=600px){:root{--container-pad:24px}.info-grid{gap:20px}.social-grid{gap:16px}.player-card__controls{padding:12px 20px}.ctrl-volume{max-width:220px}.footer__inner{text-align:left;flex-direction:row;justify-content:space-between}}@media (width>=900px){:root{--container-pad:32px}.header{padding-block:18px;padding-top:calc(18px + env(safe-area-inset-top,0px))}.header__logo{width:44px;height:44px}.header__title{font-size:1.05rem}.player-section{padding:32px 0 48px}.player-card{border-radius:var(--radius-xl)}.player-card__header{padding:14px 24px}.player-card__controls{gap:16px;padding:14px 24px}.ctrl-btn{width:52px;height:52px;font-size:1.25rem}.ctrl-btn--small{width:42px;height:42px;font-size:1rem}.ctrl-volume{max-width:260px}.info-section{padding:56px 0}.info-card{padding:32px}.social-section{padding:56px 0}.social-grid{gap:20px}.social-card{padding:20px}}@media (width>=1200px){:root{--container-pad:40px}.player-card__header,.player-card__controls{padding:16px 32px}.info-card{padding:36px}.info-card h2{font-size:1.3rem}.social-section__title{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.live-dot,.sound-bars span,.player-card__placeholder-overlay i{will-change:auto;animation:none!important}.visitor-counter span{animation:none!important}}@media print{.header,.player-card__controls,.theme-toggle,.footer__socials{display:none!important}body{color:#000;background:#fff}.player-card,.info-card,.social-card{box-shadow:none;border:1px solid #ccc}}