/*
Theme Name: Señal Streaming ES
Author: Codex
Description: Tema responsive y editable para directorios de señales de streaming autorizadas en español.
Version: 1.0.0
Text Domain: senal-streaming-es
*/
:root{--bg:#07111f;--panel:#0e1c2e;--panel2:#132842;--text:#edf5ff;--muted:#a9bbce;--line:#29415d;--brand:#f65264;--accent:#4ed8bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{width:min(1200px,calc(100% - 34px));margin:auto}a{color:inherit}.site-header{position:sticky;z-index:5;top:0;background:#07111fee;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.bar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-size:1.18rem;font-weight:900;letter-spacing:-.03em}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--brand);margin-right:7px;box-shadow:0 0 0 4px #f6526430}.nav ul{list-style:none;display:flex;gap:18px;padding:0;margin:0}.nav a{color:var(--muted);font-size:.9rem;text-decoration:none;font-weight:700}.hero{padding:76px 0 44px;background:radial-gradient(700px 300px at 90% 0,#173b5d 0,transparent 65%)}.eyebrow{font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;font-weight:850;color:var(--accent)}h1{font-size:clamp(2.25rem,5vw,4.35rem);letter-spacing:-.06em;line-height:1.02;max-width:800px;margin:12px 0 16px}.hero p{max-width:650px;font-size:1.1rem;color:var(--muted);line-height:1.65}.notice{margin-top:25px;border-left:3px solid var(--accent);background:#12324588;padding:11px 14px;max-width:780px;color:#d5e7ee;font-size:.9rem}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:25px 0 20px}.filter{border:1px solid var(--line);color:var(--muted);background:var(--panel);padding:8px 12px;border-radius:30px;font:700 .86rem inherit;cursor:pointer}.filter.active,.filter:hover{background:var(--accent);border-color:var(--accent);color:#06211e}.channels{padding:18px 0 72px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.channel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#1a385b,#101d30);display:grid;place-items:center;font-size:2.7rem;font-weight:950;letter-spacing:-.08em;color:#fff}.thumb img{width:100%;height:100%;object-fit:cover}.pill{position:absolute;top:10px;left:10px;background:#08121edb;padding:5px 8px;border-radius:5px;font-size:.7rem;font-weight:850}.channel-body{padding:16px}.channel h2{font-size:1.15rem;margin:0 0 4px}.meta{font-size:.85rem;color:var(--muted);margin-bottom:16px}.play{display:block;text-align:center;text-decoration:none;background:var(--brand);padding:10px;border-radius:7px;font-weight:850}.empty{grid-column:1/-1;padding:25px;background:var(--panel);border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}.modal{display:none;position:fixed;inset:0;z-index:10;background:#000c;align-items:center;justify-content:center;padding:16px}.modal.open{display:flex}.modal-box{width:min(1050px,100%);background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden}.modal-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.modal-top b{font-size:1rem}.close{background:none;border:0;color:#fff;font-size:1.8rem;cursor:pointer}.player{width:100%;aspect-ratio:16/9;border:0;background:#000}.legal{padding:55px 0;background:#091827}.legal h2{font-size:1.65rem;margin-top:0}.legal p{color:var(--muted);max-width:800px}.footer{padding:26px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.nav{display:none}.hero{padding-top:52px}.grid{grid-template-columns:1fr}.wrap{width:min(100% - 26px,1200px)}}
