/* Rótulo DEMO (verde neón, titilando) que abre el vídeo demo de cada sección */
.demo-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid #8fff3d;border-radius:999px;
  background:rgba(0,0,0,.55);color:#d6ff8f;font-weight:900;font-size:13px;letter-spacing:3px;text-transform:uppercase;
  text-decoration:none;cursor:pointer;line-height:1;white-space:nowrap;user-select:none;
  text-shadow:0 0 6px #aaff66,0 0 14px #4fd400;box-shadow:0 0 10px rgba(143,255,61,.45),inset 0 0 8px rgba(143,255,61,.15);
  animation:demoTitila 1.15s ease-in-out infinite}
.demo-tag svg{width:12px;height:12px;fill:#d6ff8f;filter:drop-shadow(0 0 4px #8fff3d)}
.demo-tag:hover{animation-play-state:paused;background:rgba(143,255,61,.14)}
@keyframes demoTitila{0%,100%{opacity:1}50%{opacity:.35;box-shadow:0 0 2px rgba(143,255,61,.2)}}
@media (prefers-reduced-motion:reduce){.demo-tag{animation:none}}
.demo-tag.sm{padding:4px 9px;font-size:11px;letter-spacing:2px}
.demo-row{display:flex;justify-content:flex-end;margin:-10px 0 14px}
.demo-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:16px;
  background:rgba(0,0,0,.88);backdrop-filter:blur(4px)}
.demo-modal.open{display:flex}
.demo-box{position:relative;width:min(960px,100%);background:#050805;border:1px solid #8fff3d;border-radius:16px;overflow:hidden;
  box-shadow:0 0 30px rgba(143,255,61,.35)}
.demo-box video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(143,255,61,.3)}
.demo-head b{color:#d6ff8f;font-size:14px;letter-spacing:1px;text-shadow:0 0 8px #4fd400}
.demo-x{background:none;border:1px solid rgba(143,255,61,.5);color:#d6ff8f;border-radius:8px;width:32px;height:32px;font-size:20px;line-height:1;cursor:pointer}
.demo-x:hover{background:rgba(143,255,61,.15)}
/* En las cabeceras de sección (Deportes, Hipódromos) el rótulo va más grande, al extremo derecho, alineado con el título */
.sh-body .demo-tag{font-size:16px;padding:9px 18px;letter-spacing:4px;align-self:flex-end;margin-bottom:6px}
.sh-body .demo-tag svg{width:14px;height:14px}
@media (max-width:640px){.sh-body .demo-tag{font-size:13px;padding:7px 13px;letter-spacing:3px}}