*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-primary-bg:#eff6ff;--color-accent:#f59e0b;--color-accent-light:#fbbf24;--color-accent-dark:#d97706;--color-bg:#f1f5f9;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-live:#ef4444;--color-live-glow:#ef444466;--color-success:#22c55e;--color-warning:#f59e0b;--cat-locales:#2563eb;--cat-politica:#7c3aed;--cat-deportes:#059669;--cat-economia:#d97706;--cat-cultura:#db2777;--cat-policiales:#dc2626;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", "Inter", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-card-hover:0 10px 30px #0000001a, 0 4px 8px #0000000d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--container-max:1280px;--header-height:72px;--player-height:90px;--sidebar-width:340px}@media (width<=768px){:root{--player-height:140px}}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}#app{padding-top:var(--header-height);padding-bottom:var(--player-height)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);color:var(--color-text)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes soundWave{0%{transform:scaleY(.3)}50%{transform:scaleY(1)}to{transform:scaleY(.3)}}@keyframes liveGlow{0%,to{box-shadow:0 0 0 0 var(--color-live-glow)}50%{box-shadow:0 0 0 8px #0000}}.animate-fade-in{animation:.5s both fadeIn}.animate-fade-in-up{animation:.6s both fadeInUp}.site-header{z-index:1000;background:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height);animation:.4s slideDown;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-6);height:100%;display:flex}.header-brand{align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none;display:flex}.header-brand:hover{color:var(--color-text)}.header-logo{border-radius:var(--radius-lg);object-fit:cover;width:44px;height:44px;box-shadow:var(--shadow-sm)}.header-brand-text{flex-direction:column;display:flex}.header-brand-name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);line-height:1.1}.header-brand-tagline{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium);letter-spacing:.02em}.header-nav{align-items:center;gap:var(--space-1);display:flex}.nav-link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--color-primary);background:var(--color-primary-bg)}.nav-toggle{padding:var(--space-2);cursor:pointer;flex-direction:column;gap:5px;display:none}.nav-toggle span{background:var(--color-text);width:22px;height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.player-bar{z-index:1000;height:var(--player-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--color-text-inverse);background:linear-gradient(135deg,#062b92f2 0%,#18099cf2 100%);border-top:1px solid #fff3;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #7c3aed40}.player-inner{height:100%;padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.player-left{align-items:center;gap:var(--space-4);width:30%;min-width:0;display:flex}.player-thumb{border-radius:var(--radius-md);object-fit:cover;width:56px;height:56px;box-shadow:0 4px 10px #00000080}.player-info{flex-direction:column;min-width:0;display:flex}.player-title{font-size:var(--text-base);font-weight:var(--weight-bold);white-space:nowrap;text-overflow:ellipsis;color:#fff;overflow:hidden}.player-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.player-live-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:.65rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;color:#fca5a5;margin-left:var(--space-2);background:#ef444426;border:1px solid #ef44444d;padding:2px 8px;display:flex}.player-live-dot{background:var(--color-live);border-radius:50%;width:6px;height:6px;animation:2s infinite liveGlow}.player-center{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;width:40%;display:flex}.player-btn-large{color:#0f172a;width:48px;height:48px;transition:all var(--transition-fast);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000004d}.player-btn-large:hover{background:var(--color-primary-light);color:#fff;transform:scale(1.08)}.player-btn-large:active{transform:scale(.95)}.player-btn-large svg{fill:currentColor;width:20px;height:20px;margin-left:3px}.player-wave{align-items:center;gap:3px;height:12px;display:flex}.player-wave span{background:var(--color-primary-light);border-radius:2px;width:4px;height:100%;animation:.8s infinite soundWave;display:block;transform:scaleY(.3)}.player-wave span:first-child{animation-delay:0s}.player-wave span:nth-child(2){animation-delay:.15s}.player-wave span:nth-child(3){animation-delay:.3s}.player-wave span:nth-child(4){animation-delay:.45s}.player-wave span:nth-child(5){animation-delay:.6s}.player-wave.paused span{background:var(--color-text-muted);transition:transform .3s,background .3s;animation:none;transform:scaleY(.15)}.player-right{justify-content:flex-end;align-items:center;width:30%;display:flex}.player-volume{align-items:center;gap:var(--space-3);display:flex}.player-volume svg{width:18px;height:18px;fill:var(--color-text-muted)}.player-volume input[type=range]{appearance:none;cursor:pointer;background:#fff3;border-radius:4px;outline:none;width:100px;height:4px}.player-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #0000004d}@media (width<=768px){.player-inner{justify-content:center;gap:var(--space-4);padding:var(--space-3);flex-direction:column}.player-left{display:none}.player-center{flex-direction:row;justify-content:center;width:100%}.player-right{justify-content:center;width:100%;display:flex}.player-volume{justify-content:center;width:80%}.player-volume input[type=range]{width:100%}}.main-content{padding:var(--space-8) 0 var(--space-16)}.content-grid{grid-template-columns:1fr var(--sidebar-width);gap:var(--space-8);align-items:start;display:grid}.article-grid{gap:var(--space-8);grid-template-columns:200px minmax(0,1fr) 200px;align-items:start;display:grid}@media (width>=1200px){.article-grid>.content-main{grid-column:2}.article-grid>.sidebar{grid-area:1/1}.article-grid>.article-right-empty{grid-area:1/3}}.content-main{min-width:0}.section-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);align-items:center;gap:var(--space-3);display:flex}.section-title:before{content:"";background:var(--color-primary);border-radius:2px;width:4px;height:28px;display:block}.section-link{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary);align-items:center;gap:var(--space-1);transition:gap var(--transition-fast);display:flex}.section-link:hover{gap:var(--space-2)}.news-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.news-grid-2{grid-template-columns:repeat(2,1fr)}.sidebar{gap:var(--space-6);top:calc(var(--header-height) + var(--player-height) + var(--space-8));flex-direction:column;display:flex;position:sticky}.sidebar-widget{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:box-shadow var(--transition-base);overflow:hidden}.sidebar-widget:hover{box-shadow:var(--shadow-md)}.widget-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);align-items:center;gap:var(--space-2);display:flex}.widget-header h3{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.widget-header .widget-icon{font-size:var(--text-lg)}.widget-body{padding:var(--space-5)}.site-footer{color:#ffffffb3;padding:var(--space-16) 0 var(--space-8);background:#0f172a}.footer-grid{gap:var(--space-10);margin-bottom:var(--space-10);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{gap:var(--space-4);flex-direction:column;display:flex}.footer-brand-logo{align-items:center;gap:var(--space-3);display:flex}.footer-brand-logo img{border-radius:var(--radius-lg);width:48px;height:48px}.footer-brand-logo span{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:#fff}.footer-brand p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#ffffff80}.footer-col h4{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.04em}.footer-col ul{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-col a{font-size:var(--text-sm);color:#ffffff80;transition:color var(--transition-fast)}.footer-col a:hover{color:#fff}.footer-bottom{padding-top:var(--space-8);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.footer-bottom p{font-size:var(--text-sm);color:#ffffff59}.footer-social{gap:var(--space-3);display:flex}.footer-social a{border-radius:var(--radius-md);color:#ffffff80;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff0f;justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:var(--color-primary);color:#fff}.footer-social a svg{fill:currentColor;width:18px;height:18px}.news-card{background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-base);cursor:pointer;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.news-card:hover{box-shadow:var(--shadow-card-hover);border-color:#0000;transform:translateY(-4px)}.news-card-image{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.news-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.news-card:hover .news-card-image img{transform:scale(1.05)}.news-card-badge{top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#fff;text-transform:uppercase;letter-spacing:.03em;position:absolute}.badge-locales{background:var(--cat-locales)}.badge-politica{background:var(--cat-politica)}.badge-deportes{background:var(--cat-deportes)}.badge-economia{background:var(--cat-economia)}.badge-cultura{background:var(--cat-cultura)}.badge-policiales{background:var(--cat-policiales)}.news-card-body{padding:var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.news-card-subtitle{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em}.news-card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.news-card-excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:auto;display:-webkit-box;overflow:hidden}.news-card-meta{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.news-card-meta svg{fill:currentColor;width:14px;height:14px}.featured-section{margin-bottom:var(--space-8)}.featured-grid{gap:var(--space-4);grid-template-columns:3fr 2fr;min-height:380px;display:grid}.featured-main{border-radius:0;align-items:flex-end;min-height:380px;display:flex;position:relative;overflow:hidden}.featured-main-image{position:absolute;inset:0}.featured-main-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.featured-main:hover .featured-main-image img{transform:scale(1.03)}.featured-main-overlay{background:linear-gradient(#0000000d 0%,#00000059 55%,#000000d1 100%);position:absolute;inset:0}.featured-main-content{padding:var(--space-6);z-index:1;width:100%;position:relative}.featured-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3);display:inline-flex}.featured-main-subtitle{font-size:var(--text-xs);color:#ffffffa6;font-weight:var(--weight-medium);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.03em}.featured-main-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:#fff;line-height:var(--leading-tight);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.featured-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:#ffffff80;display:flex}.featured-meta svg{fill:#ffffff80;flex-shrink:0;width:14px;height:14px}.featured-secondary{gap:var(--space-4);flex-direction:column;display:flex}.featured-secondary-card{border-radius:0;flex:1;align-items:flex-end;min-height:0;display:flex;position:relative;overflow:hidden}.featured-secondary-image{position:absolute;inset:0}.featured-secondary-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.featured-secondary-card:hover .featured-secondary-image img{transform:scale(1.04)}.featured-secondary-overlay{background:linear-gradient(#0000 0%,#00000040 40%,#000c 100%);position:absolute;inset:0}.featured-secondary-content{padding:var(--space-5);z-index:1;width:100%;position:relative}.featured-secondary-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-bold);color:#fff;line-height:var(--leading-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.promo-space{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.promo-space-horizontal{width:100%;min-height:100px;margin-bottom:var(--space-8)}.promo-space-sidebar{width:100%;min-height:250px}.promo-space-vertical{width:100%;min-height:450px;max-height:75vh}.ad-placeholder{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.ad-placeholder svg{width:28px;height:28px;fill:var(--color-text-muted);opacity:.4}.ad-placeholder span{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-medium)}.weather-content{align-items:center;gap:var(--space-4);display:flex}.weather-icon{font-size:3rem;line-height:1}.weather-data{flex-direction:column;display:flex}.weather-temp{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text);line-height:1}.weather-desc{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:capitalize;margin-top:var(--space-1)}.weather-location{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.weather-details{gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);grid-template-columns:1fr 1fr;display:grid}.weather-detail{flex-direction:column;gap:2px;display:flex}.weather-detail-label{font-size:var(--text-xs);color:var(--color-text-muted)}.weather-detail-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.recent-news-list{gap:var(--space-4);flex-direction:column;display:flex}.recent-news-item{gap:var(--space-3);cursor:pointer;padding:var(--space-2);margin:0 calc(-1 * var(--space-2));border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.recent-news-item:hover{background:var(--color-surface-hover)}.recent-news-thumb{border-radius:var(--radius-sm);flex-shrink:0;width:72px;height:54px;overflow:hidden}.recent-news-thumb img{object-fit:cover;width:100%;height:100%}.recent-news-info{flex-direction:column;gap:2px;min-width:0;display:flex}.recent-news-cat{font-size:.65rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.recent-news-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recent-news-date{font-size:var(--text-xs);color:var(--color-text-muted)}.article-page{max-width:800px;padding:var(--space-8) var(--space-6);margin:0 auto}.article-back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-6);transition:color var(--transition-fast);display:inline-flex}.article-back:hover{color:var(--color-primary)}.article-back svg{fill:currentColor;width:16px;height:16px}.article-header{margin-bottom:var(--space-8)}.article-category{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-4);display:inline-block}.article-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:var(--weight-medium);margin-bottom:var(--space-3)}.article-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.article-meta{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex}.article-meta svg{fill:currentColor;flex-shrink:0;width:16px;height:16px}.article-image{width:70%;margin:0 auto var(--space-8);border-radius:var(--radius-xl);overflow:hidden}.article-image img{width:100%;height:auto}.article-body{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.8}.article-body p{margin-bottom:var(--space-6)}.article-body p:first-child:first-letter{font-size:3.5rem;font-family:var(--font-heading);font-weight:var(--weight-bold);float:left;margin-right:var(--space-3);margin-top:var(--space-1);color:var(--color-primary);line-height:1}.article-share{align-items:center;gap:var(--space-3);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex}.article-share span{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.share-btn{border-radius:var(--radius-md);background:var(--color-bg);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.share-btn:hover{background:var(--color-primary);color:#fff}.share-btn svg{fill:currentColor;width:18px;height:18px}.category-page{padding:var(--space-8) 0}.category-header{margin-bottom:var(--space-8)}.category-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold)}.category-desc{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--space-2)}.contact-page{padding:var(--space-8) 0}.contact-grid{gap:var(--space-10);grid-template-columns:1fr 1fr;display:grid}.contact-info{gap:var(--space-6);flex-direction:column;display:flex}.contact-info h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold)}.contact-info p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.contact-detail{align-items:flex-start;gap:var(--space-4);display:flex}.contact-detail-icon{border-radius:var(--radius-lg);background:var(--color-primary-bg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.contact-detail-icon svg{width:20px;height:20px;fill:var(--color-primary)}.contact-detail-text h4{font-weight:var(--weight-semibold);margin-bottom:2px}.contact-detail-text p{font-size:var(--text-sm);color:var(--color-text-muted)}.contact-form{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-8)}.form-group{margin-bottom:var(--space-5)}.form-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.form-group input,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.form-group textarea{resize:vertical;min-height:120px}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;display:inline-flex}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.skeleton{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-border) 50%, var(--color-border-light) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-nav{top:var(--header-height);background:var(--color-surface);z-index:998;padding:var(--space-6);gap:var(--space-2);flex-direction:column;animation:.2s fadeIn;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav.active{display:flex}.mobile-nav .nav-link{font-size:var(--text-lg);padding:var(--space-4);border-radius:var(--radius-lg)}.admin-shell{background:var(--color-bg);min-height:100vh}.admin-topbar{padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.admin-topbar-brand{align-items:center;gap:var(--space-3);color:var(--color-text);text-decoration:none;display:flex}.admin-topbar-brand img{border-radius:var(--radius-md);object-fit:cover;width:32px;height:32px}.admin-topbar-brand span{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-lg)}.admin-topbar-brand small{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--weight-semibold);background:var(--color-primary-bg);border-radius:var(--radius-full);margin-left:var(--space-2);padding:2px 8px}.admin-topbar-actions{align-items:center;gap:var(--space-3);display:flex}.admin-content{max-width:1200px;padding:var(--space-8) var(--space-6);margin:0 auto}.admin-login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-card{width:100%;max-width:400px;padding:var(--space-10);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:0 4px 24px #0000000f}.admin-login-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.admin-login-logo img{border-radius:var(--radius-lg);object-fit:cover;width:64px;height:64px}.admin-login-logo h1{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold)}.admin-login-logo p{font-size:var(--text-sm);color:var(--color-text-muted)}.admin-login-error{color:#dc2626;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4);background:#fef2f2;border:1px solid #fecaca;display:none}.admin-login-error.visible{display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn svg{fill:currentColor;flex-shrink:0;width:16px;height:16px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-success{color:#fff;background:#16a34a}.btn-success:hover{background:#15803d}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover{background:#b91c1c}.btn-ghost{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-bg);color:var(--color-text)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.admin-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.admin-header h1{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold)}.admin-filters{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.admin-filter-btn{padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0}.admin-filter-btn:hover,.admin-filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.admin-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;padding:var(--space-4) var(--space-5);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.admin-table td{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--color-bg)}.admin-article-title{font-weight:var(--weight-semibold);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:400px;overflow:hidden}.admin-status{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.admin-status-published{color:#16a34a;background:#dcfce7}.admin-status-draft{color:#ca8a04;background:#fef9c3}.admin-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.admin-featured-toggle{cursor:pointer;font-size:var(--text-lg);opacity:.4;transition:opacity var(--transition-fast);background:0 0;border:none;padding:2px}.admin-featured-toggle.active{opacity:1}.admin-featured-toggle:hover{opacity:.8}.admin-actions{gap:var(--space-2);display:flex}.admin-editor{gap:var(--space-6);grid-template-columns:1fr 320px;align-items:start;display:grid}.admin-editor-main{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.admin-editor-sidebar{gap:var(--space-4);flex-direction:column;display:flex}.admin-editor-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.admin-editor-panel h3{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-bold);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.admin-field{margin-bottom:var(--space-5)}.admin-field:last-child{margin-bottom:0}.admin-field label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.admin-field input,.admin-field textarea,.admin-field select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition-fast)}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.admin-field textarea{resize:vertical;min-height:80px}.category-combobox{position:relative}.category-combobox-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text);background:var(--color-bg)}.category-combobox-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.category-combobox-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:50;max-height:200px;margin-top:4px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001a}.category-combobox-dropdown.open{display:block}.category-combobox-option{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast)}.category-combobox-option:hover,.category-combobox-option.highlighted{background:var(--color-primary-bg);color:var(--color-primary)}.category-combobox-option.create-new{border-top:1px solid var(--color-border-light);color:var(--color-primary);font-weight:var(--weight-medium)}.admin-image-preview{margin-top:var(--space-3);border-radius:var(--radius-lg);aspect-ratio:16/10;background:var(--color-bg);border:1px dashed var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}.admin-image-preview img{object-fit:cover;width:100%;height:100%}.admin-editor-main .ql-toolbar.ql-snow{border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-bg)}.admin-editor-main .ql-container.ql-snow{border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);min-height:350px;font-family:var(--font-body);font-size:var(--text-base);border-top:none}.admin-editor-main .ql-editor{min-height:350px;line-height:1.8}.admin-editor-main .ql-editor p{margin-bottom:1em}.admin-toast{bottom:var(--space-6);right:var(--space-6);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#fff;z-index:10000;opacity:0;transition:all .3s;position:fixed;transform:translateY(100px);box-shadow:0 4px 16px #00000026}.admin-toast.visible{opacity:1;transform:translateY(0)}.admin-toast.success{background:#16a34a}.admin-toast.error{background:#dc2626}.admin-empty{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-muted)}.admin-empty h3{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text-secondary)}.admin-confirm-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-confirm-dialog{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;width:90%;max-width:400px}.admin-confirm-dialog h3{font-family:var(--font-heading);font-size:var(--text-lg);margin-bottom:var(--space-3)}.admin-confirm-dialog p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.admin-confirm-actions{gap:var(--space-3);justify-content:center;display:flex}@media (width<=768px){.admin-editor{grid-template-columns:1fr}.admin-table th:nth-child(3),.admin-table td:nth-child(3),.admin-table th:nth-child(4),.admin-table td:nth-child(4){display:none}.admin-topbar{padding:var(--space-3) var(--space-4)}.admin-content{padding:var(--space-4)}}.ads-slots-grid{gap:var(--space-6);flex-direction:column;display:flex}.ads-slot-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.ads-slot-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;display:flex}.ads-slot-info h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.ads-slot-id{font-size:var(--text-xs);color:var(--color-text-muted);font-family:monospace}.ads-toggle{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.ads-toggle input{display:none}.ads-toggle-slider{background:var(--color-border);border-radius:12px;width:44px;height:24px;transition:background .25s;position:relative}.ads-toggle-slider:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.ads-toggle input:checked+.ads-toggle-slider{background:var(--color-accent,#22c55e)}.ads-toggle input:checked+.ads-toggle-slider:after{transform:translate(20px)}.ads-toggle-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);min-width:60px}.ads-slot-body{padding:var(--space-5) var(--space-6)}.ads-mode-selector{gap:var(--space-2);margin-bottom:var(--space-5);background:var(--color-bg);border-radius:var(--radius-lg);padding:3px;display:flex}.ads-mode-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);background:0 0;border:none;flex:1;transition:all .2s}.ads-mode-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.ads-mode-btn:hover:not(.active){color:var(--color-text)}.ads-image-preview{margin-top:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);max-height:200px;overflow:hidden}.ads-image-preview img{object-fit:cover;width:100%;height:auto;max-height:200px;display:block}.ads-slot-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;display:flex}.ads-slot-updated{font-size:var(--text-xs);color:var(--color-text-muted)}@media (width<=640px){.ads-slot-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.ads-slot-body{padding:var(--space-4)}.ads-slot-footer{gap:var(--space-3);flex-direction:column;align-items:flex-start}}@media (width<=1199px){.content-grid,.article-grid{grid-template-columns:1fr}.sidebar{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid;position:static}.article-grid>.sidebar{margin-top:var(--space-8);grid-template-columns:1fr}.promo-space-vertical{min-height:100px}.news-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}@media (width<=768px){:root{--header-height:64px;--player-height:52px}.container{padding:0 var(--space-4)}.header-nav{display:none}.nav-toggle{display:flex}.header-brand-tagline,.player-volume{display:none}.player-title{max-width:160px}.news-grid,.sidebar{grid-template-columns:1fr}.featured-grid{grid-template-columns:1fr;min-height:auto}.featured-main{min-height:260px}.featured-secondary{gap:var(--space-3);flex-direction:row}.featured-secondary-card{min-height:160px}.featured-main-title{font-size:var(--text-xl)}.article-title{font-size:var(--text-2xl)}.article-body{font-size:var(--text-base)}.footer-grid{gap:var(--space-8);grid-template-columns:1fr}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}.section-title{font-size:var(--text-xl)}.section-title:before{height:22px}}@media (width<=480px){.featured-main{min-height:220px}.featured-secondary{flex-direction:column}.featured-secondary-card{min-height:140px}.featured-main-title{font-size:var(--text-lg)}.featured-badge{font-size:.65rem}.player-live-badge span:not(.player-live-dot),.player-info{display:none}.news-card-title{font-size:var(--text-base)}.article-image{width:100%}.article-page{padding:var(--space-4) var(--space-4)}}