:root{--fondo: #2a1650;--tarjeta: #ffffff;--texto: #2a1650;--primario: #ff4f6d;--primario-oscuro: #d93556;--secundario: #efe8ff;--acento: #ffd23f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;color:var(--texto);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--fondo);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#app{height:100dvh;max-width:520px;margin:0 auto;position:relative;overflow:hidden;background:url(/img/cumpleanos/fondo.webp) center / cover no-repeat,linear-gradient(180deg,#bfe6f7,#ffc7dc)}#app[data-ocasion=graduacion]{background:url(/img/graduacion/fondo.webp) center / cover no-repeat,linear-gradient(180deg,#8fc2f2,#ffe7b8)}#app[data-ocasion=aniversario]{background:url(/img/aniversario/fondo.webp) center / cover no-repeat,linear-gradient(180deg,#ffe4ec,#ffc7d6)}.pantalla{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.tarjeta{background:var(--tarjeta);border-radius:28px;padding:28px 22px;width:100%;box-shadow:0 18px 50px #1e0a3c59}.centro{text-align:center}h1{font-size:30px;line-height:1.2;margin:8px 0 14px}.insignia{font-size:56px;line-height:1}.instrucciones{font-size:19px;line-height:1.45;margin:0 0 24px;color:#4a3a6b}.botones{display:flex;flex-direction:column;gap:12px;margin-top:20px}.boton{appearance:none;border:0;border-radius:999px;min-height:58px;padding:14px 24px;width:100%;font:inherit;font-size:21px;font-weight:800;color:#fff;background:var(--primario);box-shadow:0 5px 0 var(--primario-oscuro);cursor:pointer;transition:transform .08s,opacity .2s}.boton:active{transform:translateY(3px);box-shadow:0 2px 0 var(--primario-oscuro)}.boton:disabled{opacity:.55}.boton-grande{min-height:66px;font-size:24px}.boton-secundario{background:var(--secundario);color:var(--texto);box-shadow:0 5px #cfc2f2}.boton-secundario:active{box-shadow:0 2px #cfc2f2}.enlace-discreto{appearance:none;background:none;border:0;margin-top:18px;font:inherit;font-size:15px;color:#8a7aa8;text-decoration:underline;cursor:pointer}.pantalla-juego{padding:0;display:block}.capa-juego{position:absolute;inset:0;touch-action:none}.lienzo-juego{display:block;width:100%;height:100%;touch-action:none}.controles-juego{position:absolute;top:max(8px,env(safe-area-inset-top));right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.boton-icono{appearance:none;width:48px;height:48px;border-radius:50%;border:0;background:#1e0a3c59;color:#fff;display:grid;place-items:center;cursor:pointer}.boton-saltar{appearance:none;border:2px solid rgba(255,255,255,.8);border-radius:999px;background:#1e0a3c59;color:#fff;font:inherit;font-size:18px;font-weight:700;padding:8px 16px;min-height:44px;display:flex;align-items:center;gap:6px;cursor:pointer}.boton-saltar[hidden]{display:none}.icono{display:inline-flex}.velo{position:absolute;inset:0;background:#1e0a3c8c;display:flex;align-items:center;justify-content:center;padding:20px;animation:fundido .25s ease-out}.tarjeta-mensaje{text-align:center;animation:saltito .4s cubic-bezier(.2,1.4,.4,1)}.texto-mensaje{font-size:24px;font-weight:700;line-height:1.4;margin:4px 0 0}.titulo-transicion{font-size:30px;font-weight:800;margin:8px 0 22px}.puntos{font-size:19px;color:#4a3a6b;margin:0}.pantalla-video{padding:0;background:#000}.video-final{width:100%;height:100%;object-fit:contain;background:#000}.boton-cerrar-video{position:absolute;top:max(10px,env(safe-area-inset-top));right:10px}.aviso{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);background:#1e1236;color:#fff;padding:12px 20px;border-radius:999px;font-size:17px;max-width:calc(100% - 32px);text-align:center;z-index:10;animation:fundido .2s ease-out}.aparecer{animation:saltito .5s cubic-bezier(.2,1.4,.4,1)}.latido{animation:latido 1.4s ease-in-out infinite}@keyframes fundido{0%{opacity:0}}@keyframes saltito{0%{opacity:0;transform:scale(.85)}}@keyframes latido{50%{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.latido,.aparecer,.tarjeta-mensaje{animation:none}}.creador{position:absolute;inset:0;display:flex;flex-direction:column;color:#fff;background:linear-gradient(180deg,#140a4659,#140a468c),url(/img/app/fondo-espacio.webp) center / cover no-repeat,#2a1a8a}.creador .tarjeta-ocasion,.creador .sugerencia,.creador .fila-opcion,.creador .opcion-grande,.creador .fila-resumen,.creador .aviso-permisos,.creador .aviso-caducidad,.creador .bloque-opcion{color:var(--texto)}.cab-creador{display:flex;align-items:center;gap:12px;padding:max(10px,env(safe-area-inset-top)) 12px 6px}.boton-atras{appearance:none;border:1.5px solid rgba(255,255,255,.35);background:#ffffff29;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex:none}.hueco-icono{width:44px;flex:none}.progreso,.progreso-vacio{flex:1;height:10px;border-radius:999px;background:#fff3;overflow:hidden}.progreso-vacio{background:transparent}.progreso-barra{height:100%;background:linear-gradient(90deg,#ff6fae,#a78bfa);border-radius:999px;transition:width .3s ease}.progreso-grande{flex:none;height:16px;margin-top:24px}.cuerpo-creador{flex:1;overflow-y:auto;padding:8px 20px 20px;-webkit-overflow-scrolling:touch;user-select:text;-webkit-user-select:text}.titulo-creador{font-size:28px;margin:10px 0 8px;text-shadow:0 2px 12px rgba(40,10,120,.6)}.texto-ayuda{font-size:18px;line-height:1.45;color:#e6dfff;margin:0 0 18px}.texto-pequeno{font-size:16px;line-height:1.4;color:#d4caf7}.etiqueta{font-size:16px;font-weight:700;color:#ddd3ff;margin:18px 0 8px}.pie-creador{display:flex;flex-direction:column;gap:10px;padding:12px 20px max(16px,env(safe-area-inset-bottom));background:#190c508c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.15)}.pie-creador .enlace-discreto{margin-top:4px;color:#ddd3ff}.oculto{display:none}.campo-texto{width:100%;font:inherit;font-size:20px;line-height:1.4;padding:14px 16px;border:2px solid #d9ccf5;border-radius:18px;background:#fff;color:var(--texto);resize:none}.campo-texto:focus{outline:none;border-color:#8a5cf6;box-shadow:0 0 0 4px #8a5cf62e}.campo-con-contador{position:relative}.contador{display:block;text-align:right;font-size:15px;color:#ddd3ff;margin-top:6px}.contador.al-limite{color:#ffb3c8;font-weight:700}.campo-select{font:inherit;font-size:18px;padding:8px 12px;border-radius:12px;border:2px solid #d9ccf5;background:#fff;color:var(--texto)}.fila-opcion{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-radius:18px;padding:14px 16px;font-size:18px;font-weight:600;margin:12px 0;cursor:pointer}.interruptor{appearance:none;-webkit-appearance:none;flex:none;width:58px;height:34px;border-radius:999px;background:#d5cbe8;position:relative;cursor:pointer;transition:background .2s}.interruptor:after{content:"";position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s}.interruptor:checked{background:#3ddc84}.interruptor:checked:after{transform:translate(24px)}.rejilla-ocasiones{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.tarjeta-ocasion{appearance:none;border:3px solid transparent;background:#fff;border-radius:22px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;font:inherit;color:var(--texto);cursor:pointer;box-shadow:0 4px 12px #3c147814}.tarjeta-ocasion:not(.no-disponible):active{border-color:#8a5cf6}.tarjeta-ocasion:not(.no-disponible){border-color:#ff8cc0}.no-disponible{opacity:.55;cursor:default}.ocasion-icono{font-size:40px;line-height:1}.ocasion-titulo{font-size:18px;font-weight:800}.ocasion-pronto{font-size:13px;font-weight:700;color:#8a7aa8;background:#f0eaff;padding:3px 10px;border-radius:999px}.diapositiva{text-align:center;padding:24px 8px}.diapositiva-icono{font-size:96px;line-height:1.1;margin-bottom:18px}.diapositiva p{font-size:21px;line-height:1.5;color:#f0ebff;margin:0}.puntos-diapositiva{display:flex;justify-content:center;gap:10px}.puntos-diapositiva span{width:10px;height:10px;border-radius:50%;background:#ffffff59}.puntos-diapositiva span.activo{background:#ff8cc0;width:28px;border-radius:999px}.lista-sugerencias{display:flex;flex-direction:column;gap:10px}.sugerencia{appearance:none;text-align:left;font:inherit;font-size:18px;line-height:1.4;color:var(--texto);background:#fff;border:3px solid #fff;border-radius:18px;padding:14px 16px;cursor:pointer;box-shadow:0 3px 10px #3c147812}.sugerencia.elegida{border-color:#8a5cf6;background:#f3edff}.opcion-grande{appearance:none;width:100%;display:flex;align-items:center;gap:16px;text-align:left;font:inherit;color:var(--texto);background:#fff;border:0;border-radius:22px;padding:18px;margin-bottom:12px;cursor:pointer;box-shadow:0 4px 12px #3c147814}.opcion-icono{font-size:40px;line-height:1}.opcion-textos{display:flex;flex-direction:column;gap:4px;font-size:16px;color:#6b5a8c}.opcion-textos strong{font-size:20px;color:var(--texto)}.video-revision{width:100%;max-height:52dvh;border-radius:18px;background:#000;display:block}.aviso-permisos{background:#fff4d6;border-radius:18px;padding:14px 16px;font-size:18px}.aviso-permisos p{margin:6px 0 0;line-height:1.4}.deslizador{width:100%;height:40px;accent-color:#8a5cf6;margin-bottom:12px}.etiqueta-tramo{font-size:19px;font-weight:700;text-align:center;margin:16px 0 4px}.porcentaje{font-size:22px;font-weight:800;text-align:center}.camara{position:absolute;inset:0;background:#000;color:#fff;overflow:hidden}.camara-vista{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camara-vista.espejo{transform:scaleX(-1)}.camara-arriba{position:absolute;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;z-index:2}.camara-tiempo{font-size:20px;font-weight:800;background:#00000073;padding:6px 14px;border-radius:999px;font-variant-numeric:tabular-nums}.camara-abajo{position:absolute;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2}.camara-pista{font-size:17px;font-weight:700;background:#00000073;padding:6px 14px;border-radius:999px}.boton-grabar{appearance:none;position:relative;width:84px;height:84px;border-radius:50%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.boton-grabar-anillo{--avance: 0;position:absolute;inset:0;border-radius:50%;background:conic-gradient(#ff3d5e calc(var(--avance) * 360deg),#ffffffd9 0);-webkit-mask:radial-gradient(circle,transparent 35px,#000 36px);mask:radial-gradient(circle,transparent 35px,#000 36px)}.boton-grabar-centro{width:62px;height:62px;border-radius:50%;background:#ff3d5e;transition:all .2s}.boton-grabar.grabando .boton-grabar-centro{width:32px;height:32px;border-radius:8px}.boton-grabar.grabando.bloqueado .boton-grabar-centro{opacity:.45}.camara-cuenta{position:absolute;inset:0;display:grid;place-items:center;font-size:140px;font-weight:900;text-shadow:0 4px 24px rgba(0,0,0,.5);z-index:3;pointer-events:none}.camara-cuenta[hidden]{display:none}.resumen{display:flex;flex-direction:column;gap:10px}.fila-resumen{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 14px;font-size:17px;line-height:1.35}.fila-resumen.falta{border:2px solid var(--primario)}.fila-resumen-textos{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}.fila-resumen-titulo{font-size:14px;font-weight:800;color:#8a7aa8;text-transform:uppercase;letter-spacing:.02em}.enlace-cambiar{appearance:none;border:0;background:#f0eaff;color:#5228c4;font:inherit;font-size:15px;font-weight:700;padding:8px 12px;border-radius:999px;cursor:pointer;flex:none}.aviso-caducidad{background:#fff4d6;border-radius:18px;padding:14px 16px;font-size:16px;line-height:1.45;margin-top:16px}.etiqueta-previa{display:inline-block;margin:0 0 8px;padding:4px 12px;border-radius:999px;background:#fff4d6;font-size:15px;font-weight:800;color:#8a5a00}.menu{position:absolute;inset:0;display:flex;flex-direction:column;padding:max(28px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));color:#fff;background:linear-gradient(180deg,#140a4626,#140a461a 60%,#140a4673),url(/img/app/fondo-menu.webp) center / cover no-repeat,#2a1a8a;overflow-y:auto}.menu-cabecera{text-align:center;margin-top:auto}.menu-logo img{display:block;width:96px;height:96px;margin:0 auto;border-radius:24px;box-shadow:0 10px 26px #1e085a80;animation:flotar 3s ease-in-out infinite}.menu-titulo{font-size:44px;font-weight:900;letter-spacing:.01em;margin:14px 0 6px;text-shadow:0 0 18px rgba(255,140,200,.85),0 3px 10px rgba(40,10,120,.7)}.menu-lema{font-size:18px;line-height:1.4;margin:0 auto;max-width:300px;color:#f1ebff;text-shadow:0 2px 8px rgba(40,10,120,.8)}.menu-opciones{display:flex;flex-direction:column;gap:12px;margin-top:28px;margin-bottom:auto}.menu-opcion{appearance:none;display:flex;align-items:center;gap:14px;width:100%;text-align:left;font:inherit;color:#fff;padding:12px 16px;border-radius:24px;border:1.5px solid rgba(255,255,255,.4);background:#2814786b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #14054659,inset 0 1px #ffffff40;cursor:pointer;transition:transform .1s}.menu-opcion:active{transform:scale(.98)}.menu-principal-opcion{background:linear-gradient(135deg,#ff6fae,#a24cf0);border-color:#ffffffb3;box-shadow:0 0 24px #ff6fae99,0 8px 24px #14054659,inset 0 1px #fff6;padding:16px}.menu-opcion-textos{display:flex;flex-direction:column;gap:2px;font-size:15px;color:#e9e2ff}.menu-opcion-textos strong{font-size:21px;color:#fff}.menu-principal-opcion .menu-opcion-textos strong{font-size:23px}.menu-continuar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;border-radius:18px;background:#fff4d6f2;color:#5a3d00;font-size:16px;font-weight:600}.icono-burbuja{flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:inset 0 -4px 8px #0000002e,inset 0 4px 6px #ffffff73}.icono-rosa{background:radial-gradient(circle at 35% 30%,#ffc2df,#ff5fa2 60%,#d12f7c)}.icono-azul{background:radial-gradient(circle at 35% 30%,#bdeaff,#3fb6f0 60%,#1b78c4)}.icono-violeta{background:radial-gradient(circle at 35% 30%,#e1d3ff,#9b6cff 60%,#6236d6)}.icono-dorado{background:radial-gradient(circle at 35% 30%,#fff1b8,#ffc23d 60%,#d38a00)}.boton-pildora{appearance:none;border:0;border-radius:999px;padding:10px 18px;font:inherit;font-size:17px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ff6fae,#a24cf0);cursor:pointer;flex:none}@keyframes flotar{50%{transform:translateY(-6px)}}.tarjeta-enviada{background:#fff;color:var(--texto);border-radius:20px;padding:14px 16px;margin-bottom:12px}.enviada-para{font-size:20px;font-weight:800}.enviada-fecha{font-size:15px;color:#6b5a8c;margin-top:2px}.enviada-estado{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 12px;border-radius:14px;background:#f0eaff;font-size:15px;color:#4a3a6b}.enviada-estado.abierta{background:#e3f9ec;color:#1d6b40}.cuenta-atras{font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.tarjeta-enviada.caducada{opacity:.55}.vacio{text-align:center;background:#28147873;border:1.5px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:24px;padding:28px 20px;margin-top:12px}.vacio-icono .icono-burbuja{margin:0 auto 12px;width:64px;height:64px}.vacio strong{font-size:20px}.vacio p{font-size:17px;line-height:1.45;color:#e6dfff;margin:8px 0 18px}.bloque-opcion{background:#fff;border-radius:18px;padding:14px 16px 4px;margin:12px 0}.fila-volumen{display:flex;justify-content:space-between;font-size:18px;font-weight:600}.valor-volumen{color:#6b5a8c;font-variant-numeric:tabular-nums}.enlace-listo{background:#fff;color:#5228c4;font-size:18px;font-weight:800;text-align:center;padding:16px;border-radius:18px;overflow-wrap:anywhere;user-select:all;-webkit-user-select:all}.enviada-acciones{display:flex;align-items:center;gap:10px;margin-top:12px}.cargando{width:56px;height:56px;border-radius:50%;border:6px solid rgba(255,255,255,.35);border-top-color:#fff;animation:girar .9s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.aviso-privacidad{background:#e3f9ec;color:#1d5c3a;border-radius:18px;padding:14px 16px;font-size:16px;line-height:1.45;margin-top:12px}.texto-legal{background:#fff;color:var(--texto);border-radius:20px;padding:6px 18px 14px;font-size:17px;line-height:1.55}.texto-legal h2{font-size:19px;margin:18px 0 6px}.texto-legal p{margin:0 0 10px}.enlaces-legales{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.enlace-texto{appearance:none;border:0;background:none;padding:0;font:inherit;color:#ffd6ea;text-decoration:underline;cursor:pointer}.aceptacion{margin-top:14px}.enlace-peligro{color:#b42343;background:#ffe6eb}.contenido-revision{background:#f7f2ff;border-radius:14px;padding:8px 12px;margin-top:10px;font-size:15px;line-height:1.4}.contenido-revision p{margin:6px 0}.tarjeta-reporte{max-height:90dvh;overflow-y:auto}.tarjeta-reporte h2{margin:0 0 6px;font-size:24px}.texto-reporte{margin:0 0 10px;font-size:17px}.lista-motivos{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.opcion-reporte{display:flex;align-items:center;gap:12px;padding:10px 12px;border:2px solid #e2d8f7;border-radius:14px;font-size:17px;cursor:pointer}.opcion-reporte input{width:22px;height:22px;accent-color:#8a5cf6}.nota-reporte{font-size:14px;line-height:1.4;color:#6b5a8c;margin:10px 0 0}.enlaces-pie{display:flex;justify-content:center;gap:20px}.fila-aceptacion{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;border-radius:18px;background:#28147873;border:1.5px solid rgba(255,255,255,.35);font-size:16px;line-height:1.45;cursor:pointer}.casilla{flex:none;width:26px;height:26px;margin:0;accent-color:#3ddc84}.version-app{text-align:center;font-size:13px;color:#cfc4f5;margin-top:18px}