:root{--rojo:#cc0000;--fondo:#f4f5f7;--fondo-card:#fff;--borde:#dde1e8;--texto:#1a1d23;--gris:#6b7280;--font-head:'Barlow Condensed',sans-serif;--font-body:'Barlow',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--fondo);color:var(--texto);min-height:100vh}
/* Header */
.site-header{background:#fff;border-bottom:3px solid var(--rojo);padding:14px 24px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:200;box-shadow:0 2px 8px rgba(0,0,0,.07);flex-wrap:wrap}
.logo{font-family:var(--font-head);font-size:2rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:#1a1d23;text-decoration:none}
.logo span{color:var(--rojo)}
.main-nav{display:flex;gap:6px;flex-wrap:wrap}
.main-nav a{font-family:var(--font-head);font-size:.82rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gris);text-decoration:none;padding:5px 12px;border-radius:20px;border:1px solid transparent;transition:all .2s}
.main-nav a:hover{color:var(--rojo);border-color:var(--rojo);background:#fff0f0}
/* Breadcrumb */
.breadcrumb{padding:8px 24px;font-size:.8rem;color:var(--gris);background:#edf0f4;border-bottom:1px solid var(--borde)}
.breadcrumb a{color:var(--rojo);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
/* Container */
.container{max-width:960px;margin:28px auto;padding:0 16px}
.page-h1{font-family:var(--font-head);font-size:1.9rem;font-weight:900;letter-spacing:1px;color:var(--texto);margin-bottom:20px}
/* Sección de día */
.day-section{margin-bottom:28px}
.day-label{font-family:var(--font-head);font-size:.75rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--rojo);border-left:3px solid var(--rojo);padding-left:10px;margin-bottom:12px}
/* Card de partido */
.match-card{background:var(--fondo-card);border:1px solid var(--borde);border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:14px;margin-bottom:8px;text-decoration:none;color:var(--texto);transition:border-color .2s,box-shadow .2s;cursor:pointer}
.match-card:hover{border-color:var(--rojo);box-shadow:0 4px 16px rgba(204,0,0,.1)}
.match-time{font-family:var(--font-head);font-size:1rem;font-weight:700;color:#fff;background:#333;padding:4px 10px;border-radius:6px;min-width:56px;text-align:center;flex-shrink:0}
.match-info{flex:1;overflow:hidden}
.match-title{font-family:var(--font-head);font-size:1.1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.match-league{font-size:.78rem;color:var(--gris);margin-top:2px}
.match-arrow{color:var(--rojo);font-weight:700;font-size:.9rem;flex-shrink:0}
/* Live badge */
.live-badge{background:var(--rojo);color:#fff;font-family:var(--font-head);font-size:.7rem;font-weight:700;letter-spacing:2px;padding:3px 8px;border-radius:20px;margin-left:8px;animation:pulso 1.4s ease-in-out infinite;flex-shrink:0}
@keyframes pulso{0%,100%{opacity:1}50%{opacity:.5}}
/* Player */
.player-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;border:1px solid var(--borde);box-shadow:0 4px 24px rgba(0,0,0,.13);margin-bottom:14px}
.player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
/* Canal buttons */
.canales-wrap{background:var(--fondo-card);border:1px solid var(--borde);border-radius:10px;padding:16px 18px;margin-bottom:14px}
.canales-label{font-family:var(--font-head);font-size:.75rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--rojo);margin-bottom:12px}
.canales-grid{display:flex;flex-wrap:wrap;gap:8px}
.canal-btn{background:#f0f2f5;color:var(--texto);border:1px solid var(--borde);padding:7px 20px;border-radius:20px;cursor:pointer;font-family:var(--font-head);font-size:.88rem;font-weight:600;letter-spacing:1px;transition:all .2s}
.canal-btn:hover,.canal-btn.activo{background:var(--rojo);border-color:var(--rojo);color:#fff}
/* SEO section */
.seo-box{background:var(--fondo-card);border:1px solid var(--borde);border-radius:10px;padding:24px;margin-top:20px}
.seo-box h2{font-family:var(--font-head);font-size:1.3rem;font-weight:700;color:var(--rojo);margin-bottom:14px;border-left:4px solid var(--rojo);padding-left:12px}
.seo-box h3{font-family:var(--font-head);font-size:1.05rem;font-weight:700;color:var(--texto);margin:18px 0 8px}
.seo-box p{line-height:1.7;color:var(--gris);margin-bottom:10px}
/* FAQ */
.faq-item{border-bottom:1px solid var(--borde);padding:14px 0}
.faq-item:last-child{border:none}
.faq-q{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--texto);margin-bottom:6px}
.faq-a{color:var(--gris);line-height:1.6}
/* Liga grid */
.ligas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:16px}
.liga-card{background:var(--fondo-card);border:1px solid var(--borde);border-radius:10px;padding:14px 16px;text-decoration:none;color:var(--texto);font-family:var(--font-head);font-size:.9rem;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:10px;transition:all .2s}
.liga-card:hover{border-color:var(--rojo);color:var(--rojo);background:#fff0f0}
/* Footer */
.site-footer{background:#edf0f4;border-top:1px solid var(--borde);padding:24px;text-align:center;color:var(--gris);font-size:.78rem;margin-top:40px}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-bottom:14px}
.footer-links a{color:var(--gris);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--rojo)}
/* Responsive */
@media(max-width:600px){.site-header{padding:10px 14px}.logo{font-size:1.5rem}.main-nav a{font-size:.75rem;padding:4px 8px}.container{padding:0 10px}.match-title{font-size:.95rem}}