/* ===== IMPULSA 2026 — Popup de transmisión en vivo ===== */

/* Botón flotante siempre visible */
.live-fab{
  position:fixed;right:22px;bottom:22px;z-index:900;
  display:inline-flex;align-items:center;gap:10px;
  background:#e02b3c;color:#fff;border:0;cursor:pointer;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;letter-spacing:.6px;
  padding:14px 22px;border-radius:40px;
  box-shadow:0 12px 28px rgba(224,43,60,.38);
  transition:transform .2s ease,box-shadow .2s ease}
.live-fab:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(224,43,60,.48)}
.live-dot{width:10px;height:10px;border-radius:50%;background:#fff;flex:none;
  animation:live-pulse 1.6s ease-in-out infinite}
@keyframes live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}

/* Botón en el hero */
.btn-live{background:#e02b3c;color:#fff;display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer}

/* Overlay + modal */
.live-overlay{
  position:fixed;inset:0;z-index:1200;
  background:rgba(9,15,30,.82);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;padding:24px;
  opacity:0;visibility:hidden;transition:opacity .22s ease}
.live-overlay.show{opacity:1;visibility:visible}
.live-modal{
  position:relative;width:100%;max-width:1000px;
  background:#121b37;border-radius:16px;border-top:7px solid #e02b3c;
  box-shadow:0 30px 70px rgba(0,0,0,.5);overflow:hidden;
  transform:translateY(24px) scale(.98);transition:transform .26s cubic-bezier(.2,.8,.2,1)}
.live-overlay.show .live-modal{transform:none}
.live-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 62px 14px 24px}
.live-badge{display:inline-flex;align-items:center;gap:9px;background:#e02b3c;color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;letter-spacing:1.6px;
  padding:5px 13px;border-radius:20px}
.live-title{font-family:'Montserrat',sans-serif;font-weight:700;color:#fff;font-size:16px;line-height:1.25}
.live-close{
  position:absolute;top:14px;right:16px;width:40px;height:40px;border:0;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .18s ease}
.live-close:hover{background:rgba(255,255,255,.28)}
.live-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.live-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.live-foot{padding:12px 24px 18px;text-align:center}
.live-foot a{color:#44ee97;font-size:14px;font-weight:600;text-decoration:none}
.live-foot a:hover{text-decoration:underline}

@media(max-width:640px){
  .live-overlay{padding:12px}
  .live-head{padding:16px 56px 12px 18px}
  .live-title{font-size:14px}
  .live-fab{right:14px;bottom:14px;padding:12px 18px;font-size:14px}
}