:root{--fondo: #131314;--panel: #1e1f20;--tarjeta: #2a2b2d;--borde: #2d2e30;--texto: #e8eaed;--texto-2: #bdc1c6;--texto-3: #9aa0a6;--azul: #1a73e8;--azul-claro: #8ab4f8;--rojo: #ea4335;--verde: #188038;--amarillo: #fbbc04}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--fondo);color:var(--texto);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:var(--azul-claro)}.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mensaje-centro{min-height:100%;display:flex;align-items:center;justify-content:center;color:var(--texto-2);padding:24px;text-align:center}.espejo{transform:scaleX(-1);width:100%;height:100%;object-fit:cover}.redondo{width:52px;height:52px;border-radius:50%;border:0;display:inline-flex;align-items:center;justify-content:center;color:#fff}.redondo.rojo{background:var(--rojo)}.redondo.gris{background:#e8eaed;color:#202124}.redondo.azul{background:var(--azul)}.icono{background:none;border:0;color:var(--texto-2);width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.icono:hover{background:#2f3033}.aviso-error{background:#3c1f1f;color:#f6aea9;font-size:13px;padding:6px 10px;border-radius:6px}.previa{min-height:100%;display:flex;flex-direction:column}.previa-barra{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--borde)}.marca{font-size:18px;font-weight:500}.reloj{color:var(--texto-2);font-size:15px}.previa-cuerpo{flex:1;display:flex;align-items:center;justify-content:center;gap:56px;padding:32px 24px;flex-wrap:wrap}.previa-camara{position:relative;width:min(680px,100%);aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-grande{width:96px;height:96px;border-radius:50%;background:var(--amarillo);color:var(--fondo);display:flex;align-items:center;justify-content:center}.previa-tu{position:absolute;left:18px;bottom:18px;font-size:14px}.previa-botones{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:12px}.previa-camara .aviso-error{position:absolute;top:12px;left:50%;transform:translate(-50%)}.previa-form{width:min(400px,100%);display:flex;flex-direction:column;gap:14px}.previa-form h1{margin:0 0 8px;font-size:28px;font-weight:500}.previa-org,.previa-nota{font-size:14px;color:var(--texto-2)}.previa-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--texto-2)}.previa-form input{height:48px;border-radius:8px;border:1px solid #5f6368;background:transparent;color:var(--texto);padding:0 14px;font:15px Inter,sans-serif}.previa-form input:focus{outline:2px solid var(--azul-claro);border-color:transparent}.boton-azul{height:48px;border-radius:24px;border:0;background:var(--azul);color:#fff;font-weight:600;font-size:15px}.boton-azul:disabled{opacity:.6}.form-error{color:#f28b82;font-size:14px;margin:0}.sala{height:100dvh;display:flex;overflow:hidden}.sala-principal{flex:1;min-width:0;display:flex;flex-direction:column;padding:0 12px 12px}.sala-barra{height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.pastilla{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:24px;padding:6px 16px 6px 6px;font-weight:600;font-size:15px}.etiqueta-prueba{background:#3c3a2c;color:var(--amarillo);font-size:12px;padding:4px 10px;border-radius:12px}.avatar-mini{width:24px;height:24px;flex-shrink:0;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.avatar-mini.grande{width:34px;height:34px;font-size:14px}.escenario{flex:1;min-height:160px;container-type:size;display:flex;align-items:center;justify-content:center}.video-marco{position:relative;width:min(100%,calc(100cqh * 16 / 9));aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;display:flex;align-items:center}.player{position:relative;width:100%}.player-bloqueo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.nombre-orador{position:absolute;left:16px;bottom:14px;z-index:3;display:flex;align-items:center;gap:8px;font-size:14px;background:#0000008c;padding:4px 12px 4px 4px;border-radius:16px}.mic-azul{width:24px;height:24px;border-radius:50%;background:var(--azul);display:inline-flex;align-items:center;justify-content:center;color:#fff}.activar-audio{position:absolute;right:16px;bottom:12px;z-index:4;height:44px;border-radius:22px;border:0;background:#fffffff0;color:#202124;font-weight:500;font-size:14px;padding:0 18px;display:flex;align-items:center;gap:8px;animation:latir 1.6s ease-in-out infinite}@keyframes latir{50%{transform:scale(1.05)}}.aviso-compra{position:absolute;top:14px;left:14px;z-index:4;max-width:min(340px,80%);background:#fef7e0;color:#3c2f00;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;font-size:14px;box-shadow:0 4px 16px #00000059;animation:entrar .35s ease-out}.aviso-titulo{font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}@keyframes entrar{0%{opacity:0;transform:translateY(-8px)}}.pantalla-estado{width:100%;text-align:center;padding:24px}.cuenta{font-size:clamp(40px,8cqw,72px);font-weight:600;margin:8px 0;font-variant-numeric:tabular-nums}.cuenta.chica{font-size:clamp(28px,5cqw,44px)}.estado-sub{color:var(--texto-2);margin:4px 0}.corazones{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.corazones span{position:absolute;bottom:10px;animation:subir 2.6s ease-out forwards}@keyframes subir{to{transform:translateY(-260px) scale(1.2);opacity:0}}.boton-oferta{flex-shrink:0;margin-top:10px;min-height:52px;border:0;border-radius:10px;background:var(--verde);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;animation:entrar .4s ease-out}.boton-oferta:hover{background:#1e8e3e}.tira{flex-shrink:0;display:flex;gap:10px;margin-top:12px;align-items:flex-start}.tira-pagina{flex:1;min-width:0;display:flex;gap:10px;overflow:hidden}.tira-flechas{align-self:center;display:flex;gap:6px;margin-top:-22px}.tira-flechas button{width:36px;height:36px;border-radius:50%;border:0;background:#3c4043;color:#fff;font-size:22px;line-height:1}.tira-flechas button:disabled{opacity:.3;cursor:default}.mini-botones{display:flex;gap:6px}.mini-botones button{width:26px;height:26px;border-radius:50%;border:0;color:#fff;display:inline-flex;align-items:center;justify-content:center}.mini-botones .rojo{background:var(--rojo)}.mini-botones .gris{background:#e8eaed;color:#202124}.mic-on{position:absolute;left:6px;bottom:6px;width:20px;height:20px;border-radius:50%;background:var(--azul);color:#fff;display:flex;align-items:center;justify-content:center}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:20;background:#3c4043;color:#fff;padding:12px 18px;border-radius:8px;font-size:14px;box-shadow:0 4px 16px #0006;max-width:calc(100% - 32px);text-align:center;animation:entrar .25s ease-out}.fin{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px;max-width:460px;margin:0 auto}.fin-icono{width:96px;height:96px;border-radius:50%;background:#0f2e1b;color:#34c759;display:flex;align-items:center;justify-content:center;margin-bottom:28px}.fin h1{margin:0 0 12px;font-size:28px}.fin-sub{color:var(--texto-2);font-size:17px;line-height:1.5;margin:0 0 36px}.fin .boton-oferta{width:100%}.fin-nota{color:var(--texto-3);font-size:14px;margin:12px 0 0}.fin hr{width:100%;border:0;border-top:1px solid #3c4043;margin:32px 0 24px}.fin-pie{color:#6f7378;font-size:12px;margin:0}.tarjeta{flex-shrink:0;width:96px;display:flex;flex-direction:column;align-items:center;gap:6px}.tarjeta-caja{position:relative;width:96px;height:80px;border-radius:10px;background:var(--tarjeta);display:flex;align-items:center;justify-content:center;overflow:hidden}.tarjeta-caja img{width:100%;height:100%;object-fit:cover}.tarjeta.yo .tarjeta-caja{border:2px solid var(--azul-claro)}.tarjeta.anfitrion .tarjeta-caja{border:2px solid var(--amarillo)}.tarjeta.anfitrion .tarjeta-nombre{color:var(--amarillo);font-weight:600}.tarjeta-nombre{font-size:13px;color:var(--texto-2);max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarjeta-caja.total{flex-direction:column;gap:2px}.tarjeta-caja.total strong{font-size:20px}.tarjeta-caja.total small{font-size:11px;color:var(--texto-2)}.mic-off{position:absolute;left:6px;bottom:6px;width:20px;height:20px;border-radius:50%;background:#00000080;color:var(--texto-2);display:flex;align-items:center;justify-content:center}.controles{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:14px;padding-top:12px}.chat{width:340px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--borde);display:flex;flex-direction:column;min-height:0}.chat-cabecera{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 14px 12px 18px;border-bottom:1px solid var(--borde)}.chat-titulo{font-size:18px;font-weight:600}.chat-sub{font-size:12px;color:var(--texto-2);margin-top:2px}.chat-fijado{margin:10px 12px 0;background:#f1f3f4;color:#202124;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.4}.chat-fijado a{color:var(--azul);word-break:break-all}.fijado-autor{background:#fde293;border-radius:4px;padding:1px 6px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.chat-lista{flex:1;min-height:0;overflow-y:auto;padding:12px 18px;display:flex;flex-direction:column;gap:12px}.chat-vacio{color:var(--texto-3);text-align:center;margin:auto}.linea{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.linea strong{color:var(--azul-claro);font-weight:600}.linea.equipo{background:#2f2c1d;border:1px solid #5c5224;border-radius:8px;padding:8px 10px}.linea.equipo strong{color:#81c995}.privado{color:var(--texto-3);font-size:12px}.chat-error{color:#f28b82;font-size:13px;margin:0 14px 6px}.chat-escribir{display:flex;gap:6px;align-items:center;padding:10px 12px 14px;border-top:1px solid var(--borde)}.chat-escribir input{flex:1;min-width:0;height:44px;border-radius:8px;border:1px solid #5f6368;background:var(--fondo);color:var(--texto);padding:0 12px;font:14px Inter,sans-serif}.chat-escribir .corazon{background:var(--tarjeta)}@media (max-width: 820px){.sala{flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.sala-principal{padding:0}.sala-barra{padding:0 10px;height:52px}.escenario{flex:none;container-type:normal;min-height:0}.video-marco{width:100%;border-radius:0}.cuenta{font-size:44px}.boton-oferta{margin:8px 10px 0;font-size:15px}.tira{padding:0 10px 4px;margin-top:10px;gap:8px}.tira-pagina{gap:8px}.tira-flechas{flex-direction:column;margin-top:0}.tira-flechas button{width:28px;height:28px;font-size:18px}.mini-botones button{width:22px;height:22px}.tarjeta{width:64px}.tarjeta-caja{width:64px;height:56px}.tarjeta-nombre{font-size:11px;max-width:64px}.avatar-mini.grande{width:28px;height:28px;font-size:12px}.controles{padding:10px 0}.redondo{width:48px;height:48px}.chat{width:auto;height:60dvh;border-left:0;border-top:1px solid var(--borde)}.previa-cuerpo{gap:24px;padding:16px}.nombre-orador{font-size:12px;left:8px;bottom:8px}.activar-audio{right:8px;bottom:6px;font-size:13px;padding:0 12px}}.corazones span.emoji{font-size:30px;line-height:1}.tira-navegacion{align-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:-22px}.tira-navegacion .tira-flechas{margin-top:0}.tira-puntos{display:flex;gap:4px}.tira-puntos span{width:5px;height:5px;border-radius:3px;background:#5f6368}.tira-puntos span.activo{width:14px;background:#e8eaed}.avatar-mod{width:40px;height:40px;flex-shrink:0;border-radius:50%;object-fit:cover;border:2px solid var(--amarillo)}.avatar-mini.mod{width:40px;height:40px;font-size:15px;border:2px solid var(--amarillo)}.chat-fijado{display:flex;gap:10px;align-items:flex-start}.chat-fijado .avatar-mod{width:34px;height:34px}.espera{min-height:100dvh;display:flex;flex-direction:column;position:relative}.espera-centro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 16px 16px;text-align:center}.espera-ilustracion{width:260px;height:230px;border-radius:16px;background:#1b1b1c;display:flex;align-items:center;justify-content:center;margin-bottom:18px;max-width:100%}.espera-linea{margin:0;font-size:19px;display:flex;align-items:center;gap:12px}.espera-cuenta{margin:0;font-size:40px;font-weight:600;font-variant-numeric:tabular-nums}.espera-comenzo{margin:0;font-size:19px;font-weight:700;color:#34c759}.girando{width:20px;height:20px;border:3px solid #3c4043;border-top-color:var(--azul-claro);border-radius:50%;animation:girar 1s linear infinite;flex-shrink:0}@keyframes girar{to{transform:rotate(360deg)}}.espera-camara{position:absolute;right:20px;bottom:96px;width:192px;height:120px;border-radius:10px;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-grande.chico{width:64px;height:64px}.espera-nombre{position:absolute;left:8px;bottom:6px;font-size:12px;background:#00000080;padding:2px 6px;border-radius:4px}.espera-pie{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px}.espera-botones{display:flex;gap:14px}.aviso-blanco{position:fixed;right:20px;bottom:20px;z-index:20;width:min(380px,calc(100% - 40px));background:#fff;color:#202124;padding:16px 22px;border-radius:8px;display:flex;flex-direction:column;gap:6px;font-size:14px;box-shadow:0 4px 16px #0006;animation:entrar .3s ease-out}@media (max-width: 820px){.espera-camara{width:120px;height:80px;bottom:100px;right:12px}.espera-linea{font-size:16px}.espera-cuenta{font-size:32px}.tira-navegacion{margin-top:0}}.marca{display:inline-flex;align-items:center;gap:10px}.marca-icono{width:30px;height:30px;border-radius:8px;background:var(--azul);color:#fff;display:inline-flex;align-items:center;justify-content:center}.con-punto{position:relative}.punto-nuevo{position:absolute;top:3px;right:3px;width:12px;height:12px;border-radius:50%;background:#34c759;border:2px solid var(--panel)}.solo-celular{display:none!important}@media (max-width: 820px){.sala{padding-bottom:92px}.controles{position:fixed;left:0;right:0;bottom:0;z-index:25;height:84px;padding:0;background:var(--panel);border-radius:20px 20px 0 0;box-shadow:0 -4px 16px #00000059}.solo-celular{display:inline-flex!important}.sala.con-chat .chat{position:fixed;left:0;right:0;bottom:0;height:64dvh;z-index:30;border:0;border-radius:18px 18px 0 0;box-shadow:0 -8px 24px #00000080;animation:subirHoja .25s ease-out}.sala.con-chat .chat:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:#5f6368;margin:8px auto 0}.sala.con-chat .chat .corazon{display:none}.toast{bottom:100px}.boton-oferta{margin-top:10px}.tira{margin-top:12px}}@keyframes subirHoja{0%{transform:translateY(40%);opacity:.4}}.marca-logo{height:32px;max-width:140px;object-fit:contain}