.seccion-directo-pagina{background-color:var(--body-bg);animation:.5s ease-out fadeSlideIn}.directo-contenedor{width:100%;max-width:1000px;margin:0 auto;padding:0 20px}.directo-activo-card{background-color:var(--tarjeta-video-bg);border:1px solid var(--tarjeta-video-border);border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 10px 30px #0003}.directo-header{flex-direction:column;gap:10px;display:flex}.directo-badge-container{background-color:#dc262626;border:1.5px solid #dc262666;border-radius:20px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:6px 14px;display:inline-flex}.directo-punto-rojo{background-color:#dc2626;border-radius:50%;width:8px;height:8px;position:relative}.directo-punto-rojo:after{content:"";background-color:#dc2626;border-radius:50%;width:100%;height:100%;animation:1.5s infinite pulsar-rojo-ring;position:absolute;top:0;left:0}@keyframes pulsar-rojo-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.directo-badge-texto{color:#ef4444;letter-spacing:1px;font-size:.75rem;font-weight:800}.directo-titulo{color:var(--text-primary);margin:0;font-size:2rem;font-weight:800;line-height:1.25}.directo-reproductor-wrapper{border:2px solid #dc26264d;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 0 25px #dc262626}.directo-reproductor-container{width:100%;height:0;padding-bottom:56.25%;position:relative}.directo-iframe{width:100%;height:100%;position:absolute;top:0;left:0}.directo-descripcion-caja{border-left:4px solid var(--text-secondary);background-color:#ffffff08;border-radius:8px;padding:16px}.directo-descripcion-titulo{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:600}.directo-descripcion-texto{color:var(--text-secondary);white-space:pre-line;margin:0;font-size:.95rem;line-height:1.6}.directo-acciones{margin-top:10px}.boton-volver-home{color:var(--text-secondary);align-items:center;gap:8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.boton-volver-home:hover{color:var(--text-primary)}.directo-offline-card{background-color:var(--tarjeta-video-bg);border:1px solid var(--tarjeta-video-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:600px;margin:0 auto;padding:48px 32px;animation:.5s ease-out fadeSlideIn;display:flex;box-shadow:0 10px 30px #0000001a}.directo-offline-icono-wrapper{background:linear-gradient(135deg,#dc26261a 0%,#dc262605 100%);border:2px solid #dc262633;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.directo-offline-icono{color:#94a3b8;opacity:.8}.directo-offline-titulo{color:var(--text-primary);margin:0;font-size:1.8rem;font-weight:800}.directo-offline-texto{color:var(--text-secondary);max-width:480px;margin:0;font-size:1rem;line-height:1.6}.directo-offline-acciones{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px;display:flex}.boton-directo-primario{color:#fff;background-color:#dc2626;border-radius:8px;padding:12px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .2s,transform .2s;box-shadow:0 4px 6px #00000040}.boton-directo-primario:hover{background-color:#b91c1c;transform:translateY(-2px)}.boton-directo-secundario{color:var(--text-primary);border:2px solid var(--tarjeta-video-border);background-color:#0000;border-radius:8px;padding:10px 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s}.boton-directo-secundario:hover{border-color:var(--text-secondary);background-color:#ffffff0d;transform:translateY(-2px)}