:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}#root{min-height:100vh}.universo{color:#fff;background:radial-gradient(at 50% 80%,#622b81 0%,#0000 55%),radial-gradient(at 70% 10%,#30245e 0%,#0000 50%),linear-gradient(145deg,#080b20,#180f35 55%,#30143c);place-items:center;min-height:100dvh;padding:48px 20px;display:grid;position:relative;overflow:hidden}.resplandor{filter:blur(35px);pointer-events:none;background:radial-gradient(circle,#d6a0ff33,#0000 70%);border-radius:50%;width:500px;height:500px;animation:5s ease-in-out infinite respirar;position:absolute}.estrella{color:#ffe6a1;pointer-events:none;font-size:15px;animation:3s ease-in-out infinite alternate brillar;position:absolute}.contenido{z-index:2;text-align:center;width:100%;max-width:560px;position:relative}.subtitulo{letter-spacing:4px;color:#e5c68e;font-size:11px}.titulo{color:#0000;background:linear-gradient(90deg,#fff0c1,#fff,#dba6f5);-webkit-background-clip:text;background-clip:text;margin:15px 0;font-family:Georgia,serif;font-size:clamp(32px,6vw,52px);font-weight:400}.descripcion{color:#dfd4e9;font-size:15px}.escena{perspective:1000px;justify-content:center;align-items:center;height:390px;display:flex;position:relative}.sobre{cursor:pointer;filter:drop-shadow(0 20px 35px #0007);width:min(350px,85vw);height:230px;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;animation:3s ease-in-out infinite flotar;position:relative}.sobre:disabled{cursor:default}.sobre-fondo{background:#c995b9;border-radius:7px;position:absolute;inset:0}.carta-previa{color:#754065;z-index:2;background:linear-gradient(145deg,#fff9e9,#f2d9ef);border:3px solid #d8b779;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:76%;height:80%;font-family:Georgia,serif;transition:transform 1s .35s;display:flex;position:absolute;top:12%;left:12%}.carta-previa span:first-child{font-size:32px}.sobre-frente{z-index:3;clip-path:polygon(0 0,50% 62%,100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#e5a8c5,#a86caa);border-radius:7px;position:absolute;inset:0}.solapa{z-index:5;clip-path:polygon(0 0,100% 0,50% 66%);transform-origin:top;backface-visibility:hidden;background:linear-gradient(160deg,#f3c6d4,#c288b8);transition:transform .8s;position:absolute;inset:0}.sello{z-index:6;color:#fff4ce;background:radial-gradient(circle,#f7de9d,#b67e36);border-radius:50%;place-items:center;width:54px;height:54px;font-size:28px;transition:opacity .25s;display:grid;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #68385599}.abierto .solapa{transform:rotateX(180deg)}.abierto .sello{opacity:0}.abierto .carta-previa{transform:translateY(-120px)}.abierto .sobre{animation:1s 1s forwards desaparecer}.invitacion{z-index:10;color:#704763;background:radial-gradient(circle at top,#fff 0%,#fff6ec 55%,#f3e1f4);border:2px solid #ddbd7c;border-radius:12px;width:min(380px,90vw);padding:26px 25px;animation:1.2s 1s both aparecer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px #eec1ff55,0 25px 70px #0009}.ornamento{color:#c39b4b;letter-spacing:12px;font-size:22px}.invitacion-etiqueta{letter-spacing:2px;color:#a57e8e;margin-top:15px;font-size:9px}.invitacion h2{margin:14px 0 0;font-family:Georgia,serif;font-size:21px;font-weight:400}.invitacion h3{color:#bd7eaa;margin:4px 0;font-family:Georgia,serif;font-size:47px;font-weight:400}.numero{color:#c4a15b;font-family:Georgia,serif;font-size:54px}.anios{letter-spacing:5px;margin-top:-6px;font-size:11px}.separador{color:#c4a15b;margin:10px 0}.mensaje{font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.6}.detalles{letter-spacing:1px;margin-top:20px;font-size:11px;font-weight:700;line-height:1.6}.demo{opacity:.65;margin-top:12px;font-size:10px}.reiniciar{color:#fff;cursor:pointer;background:linear-gradient(90deg,#bd8cbb,#885ba1);border:0;border-radius:30px;margin-top:14px;padding:12px 20px}.instruccion{color:#f1d8ae;font-size:13px;animation:2s infinite alternate brillar}@keyframes brillar{0%{opacity:.2;transform:scale(.7)}to{opacity:1;transform:scale(1.2)}}@keyframes respirar{50%{opacity:.45;transform:scale(1.4)}}@keyframes flotar{50%{transform:translateY(-12px)}}@keyframes desaparecer{to{opacity:0;transform:translateY(120px)scale(.8)}}@keyframes aparecer{0%{opacity:0;filter:blur(12px);transform:translate(-50%,-35%)scale(.6)rotate(-5deg)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)rotate(0)}}@media (width<=480px){.escena{height:430px}.invitacion{padding:20px 16px}.invitacion h3{font-size:40px}.titulo{font-size:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}