:root{--primary:#2E2E2E;--secondary:#FFC800;--accent:#FF3B30;--bg-start:#2ecc71;--bg-end:#1e8449}
*{box-sizing:border-box}body{margin:0;font-family:'Encode Sans',sans-serif}.site-body{background:linear-gradient(135deg,var(--bg-start),var(--bg-end));background-attachment:fixed;color:#fff}.site-header{background:rgba(0,0,0,.35);backdrop-filter:blur(12px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.logo-thumb{width:44px;height:44px;border-radius:12px;object-fit:cover}.nav-link{color:#fff;text-decoration:none;font-weight:600;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--secondary)}.page-pad{height:84px}.mobile-menu{position:fixed;inset:0;transform:translateX(100%);transition:.25s;background:linear-gradient(135deg,var(--bg-start),var(--bg-end));z-index:55}.mobile-menu.open{transform:translateX(0)}.mobile-menu-inner{display:flex;flex-direction:column;gap:14px;padding:84px 28px}.mobile-link,.admin-link{text-decoration:none;color:#fff;font-weight:700}.mobile-close{position:absolute;right:20px;top:18px;background:none;border:none;color:#fff;font-size:38px}.section-card{background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;padding:12px 18px;font-weight:700;text-decoration:none;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--secondary);color:#111}.btn-muted{background:#e5e7eb;color:#111}.title-xl{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:0 0 12px}.text-soft{color:rgba(255,255,255,.84)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.content-card{background:rgba(255,255,255,.12);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.1)}.content-card img{width:100%;height:220px;object-fit:cover;display:block}.content-card-body{padding:18px;color:#fff}.badge{display:inline-block;background:var(--secondary);color:#111;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700}.table-wrap{overflow:auto;background:rgba(255,255,255,.1);border-radius:18px}.site-table{width:100%;border-collapse:collapse}.site-table th,.site-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}.site-footer{padding-bottom:110px;background:rgba(0,0,0,.2);margin-top:40px}.footer-title{font-size:20px;margin:0 0 8px}.player-shell{position:fixed;bottom:0;left:0;right:0;z-index:60}.player-bar{height:72px;background:#fff;color:#111;border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -10px 24px rgba(0,0,0,.12)}.player-btn{width:50px;height:50px;border-radius:999px;border:none;background:var(--accent);color:#fff;font-size:20px;font-weight:700;cursor:pointer}.player-live-dot{width:12px;height:12px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 6px rgba(239,68,68,.15)}.live-pill{background:var(--secondary);color:#111;padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:800}.pwa-banner{position:fixed;top:-120px;left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 30px));background:rgba(255,255,255,.96);color:#111;padding:18px;border-radius:18px;z-index:70;transition:.3s;box-shadow:0 15px 40px rgba(0,0,0,.15)}.pwa-banner.show{top:16px}.admin-body{background:#0f172a;color:#e5e7eb}.admin-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.admin-sidebar{background:#111827;padding:24px}.admin-main{padding:28px}.admin-link{display:block;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04)}.admin-link.active,.admin-link:hover{background:rgba(255,255,255,.12)}.panel{background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:22px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.field input,.field textarea,.field select{width:100%;border-radius:12px;border:1px solid #334155;background:#0b1220;color:#fff;padding:12px}.field textarea{min-height:120px}.alert{padding:14px 16px;border-radius:14px;margin-bottom:16px}.alert.success{background:#14532d}.alert.error{background:#7f1d1d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-box{background:#111827;padding:20px;border-radius:18px}.muted{color:#94a3b8}.list-table{width:100%;border-collapse:collapse}.list-table th,.list-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.thumb-sm{width:56px;height:56px;border-radius:12px;object-fit:cover;background:#1f2937}.hero-art{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.2)}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.admin-sidebar{padding-bottom:0}.page-pad{height:76px}.player-bar{height:auto;padding:10px 0 14px;gap:10px;flex-direction:column;align-items:flex-start;border-radius:22px 22px 0 0}}

/* ── Overlay autoplay bloqueado ─────────────────────────────────────────── */
#tap-to-play-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.tap-overlay-box{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);border-radius:28px;padding:40px 36px;text-align:center;max-width:340px;width:90%;box-shadow:0 24px 60px rgba(0,0,0,.35);color:#fff;animation:slideUp .35s ease}
@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
.tap-overlay-icon{font-size:56px;margin-bottom:16px;display:block}
.tap-overlay-title{font-size:24px;font-weight:800;margin-bottom:8px}
.tap-overlay-sub{font-size:14px;color:rgba(255,255,255,.72);margin-bottom:28px;line-height:1.5}
.tap-overlay-btn{background:var(--accent,#FF3B30);color:#fff;border:none;border-radius:999px;padding:16px 36px;font-size:18px;font-weight:800;cursor:pointer;transition:.2s;width:100%}
.tap-overlay-btn:hover{transform:scale(1.04);opacity:.92}