.clase-en-vivo{display:flex;flex-direction:column;gap:10px;margin:0 0 18px}.clase-en-vivo__tarjeta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"etiqueta etiqueta" "texto boton";gap:8px 16px;align-items:center;padding:16px 18px;border-radius:14px;background:#1f3a93;color:#ffffff;box-shadow:0 6px 20px rgb(31 58 147/.25)}.clase-en-vivo__etiqueta{grid-area:etiqueta;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#f5b700}.clase-en-vivo__etiqueta svg{animation:clase-en-vivo-pulso 1.6s ease-in-out infinite}.clase-en-vivo__texto{grid-area:texto;display:flex;flex-direction:column;gap:2px;min-width:0}.clase-en-vivo__texto strong{font-size:18px;line-height:1.3}.clase-en-vivo__texto span{font-size:15px;color:#dbe3f7}.clase-en-vivo__boton{grid-area:boton;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border:none;border-radius:12px;background:#2e9e5b;color:#ffffff;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.clase-en-vivo__boton:hover:not(:disabled){background:#248a4d}.clase-en-vivo__boton:disabled{opacity:.75;cursor:progress}.clase-en-vivo__boton:focus-visible{outline:3px solid #f5b700;outline-offset:3px}.clase-en-vivo__mensaje{background:#e8f5ee;color:#1d5e39}.clase-en-vivo__error,.clase-en-vivo__mensaje{margin:0;padding:10px 14px;border-radius:10px;font-weight:600}.clase-en-vivo__error{background:#fbeaea;color:#8f1d24}@keyframes clase-en-vivo-pulso{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.clase-en-vivo__etiqueta svg{animation:none}}@media (max-width:560px){.clase-en-vivo__tarjeta{grid-template-columns:1fr;grid-template-areas:"etiqueta" "texto" "boton"}.clase-en-vivo__boton{width:100%}}