:root{--azul-noche:#0a1f44;--azul:#1546a0;--celeste:#3b82f6;--cielo:#9fd0ff;--texto:#eaf3ff;--papel:#f5f9ff;--tinta:#12305e;--papel-viejo:#f1ede1;--grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .07 0 0 0 0 .19 0 0 0 0 .37 .3 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--renglon:2rem;--renglones:repeating-linear-gradient(transparent 0 calc(var(--renglon) - 1px), #3b82f62e 0 var(--renglon))}*{box-sizing:border-box;margin:0}body{color:var(--texto);background:linear-gradient(135deg, var(--azul-noche), var(--azul), var(--celeste), var(--azul-noche));background-size:300% 300%;height:100dvh;font-family:Lora,Georgia,serif;animation:18s ease-in-out infinite alternate fondo;overflow:hidden}@keyframes fondo{to{background-position:100% 100%}}.corazones span{opacity:.35;pointer-events:none;animation:linear infinite flotar;position:fixed;bottom:-3rem}@keyframes flotar{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:.4}50%{transform:translate(30px,-55vh)rotate(20deg)}to{opacity:0;transform:translate(-20px,-110vh)rotate(-15deg)}}.sobre{z-index:2;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-content:center;place-items:center;gap:1.5rem;transition:opacity .6s .9s,visibility 0s 1.5s;display:grid;position:fixed;inset:0}.sobre.abierto{opacity:0;visibility:hidden}.libro{aspect-ratio:3/4;perspective:1200px;width:min(62vw,260px);animation:1.8s ease-in-out infinite latido;position:relative}.libro:before{content:"";background:repeating-linear-gradient(90deg, var(--papel-viejo) 0 2px, #c9c2ae 2px 3px);border-radius:0 8px 8px 0;position:absolute;inset:6px -7px 6px 10px;box-shadow:0 20px 50px #0008}.tapa{background:var(--grano), repeating-linear-gradient(45deg, #ffffff0d 0 2px, transparent 0 4px), repeating-linear-gradient(-45deg, #0000001f 0 2px, transparent 0 4px), #1f3f7a;transform-origin:0;border-radius:4px 12px 12px 4px;place-items:center;transition:transform 1.1s cubic-bezier(.6,.05,.3,1);display:grid;position:absolute;inset:0;box-shadow:inset 12px 0 16px -6px #0009,inset 0 0 0 1px #ffffff14}.tapa:before{content:"";pointer-events:none;border:2px dashed #9fd0ff70;border-radius:3px 8px 8px 3px;position:absolute;inset:12px 12px 12px 18px}.tapa:after{content:"";background:linear-gradient(90deg,#08183a,#12305e 50%,#08183a);border-radius:3px;width:11px;position:absolute;inset:-2px 16% -2px auto;box-shadow:0 0 6px #0007}.etiqueta{z-index:1;color:var(--tinta);background:var(--grano), var(--papel-viejo);border:1px solid #0003;border-radius:2px;padding:.7rem 1.3rem;font-family:Dancing Script,cursive;font-size:1.7rem;line-height:1.1;position:relative;rotate:-3deg;box-shadow:0 3px 8px #0006}.sobre p{text-shadow:0 2px 12px #0006;font-family:Dancing Script,cursive;font-size:2.2rem;animation:2.5s ease-in-out infinite brillo}.sobre.abierto .libro{animation:none}.sobre.abierto .tapa{transform:rotateY(-165deg)}@keyframes latido{50%{transform:scale(1.04)rotate(-1deg)}}@keyframes brillo{50%{text-shadow:0 0 24px var(--cielo)}}.pasarela{scroll-snap-type:x mandatory;scrollbar-width:none;height:100dvh;display:flex;position:relative;overflow-x:auto}.pasarela::-webkit-scrollbar{display:none}.slide{scroll-snap-align:center;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;gap:1.5rem;padding:2rem 16px 4rem;display:flex}.pagina{width:min(100%,34rem);max-height:84dvh;color:var(--tinta);background:var(--grano), radial-gradient(ellipse at center, transparent 55%, #a8976b38 100%), linear-gradient(90deg, transparent 1.7rem, #3b82f650 0 calc(1.7rem + 2px), transparent 0), var(--papel-viejo);opacity:0;border-radius:3px 10px 10px 3px;flex-direction:column;align-items:center;gap:1.2rem;padding:1.8rem 1.4rem 1.6rem 2.6rem;transition:opacity .7s,transform .8s;display:flex;position:relative;overflow-y:auto;transform:translateY(40px)rotate(-1.5deg);box-shadow:0 20px 50px #0008,inset 0 0 30px #8a7a5a2e}.slide.activa .pagina{opacity:1;transform:none}.sello-fecha{color:var(--azul);opacity:.85;letter-spacing:.08em;text-transform:uppercase;outline-offset:2px;border:2px solid;border-radius:3px;outline:1px solid;align-self:flex-start;padding:.35rem .7rem;font:.78rem/1.2 Special Elite,monospace;rotate:-3deg}.manuscrito{font:500 1.45rem/var(--renglon) Caveat, cursive;color:var(--tinta);white-space:pre-line;background:var(--renglones);align-self:stretch;margin:0}.autor{color:var(--azul);align-self:flex-end;font-family:Dancing Script,cursive;font-size:1.4rem}.polaroid{opacity:0;background:#fbfaf4;margin:.6rem 0 0;padding:10px 10px 36px;transition:opacity .7s .2s,transform .9s cubic-bezier(.3,1.5,.5,1) .2s;position:relative;transform:translateY(40px)rotate(-10deg)scale(.9);box-shadow:0 10px 25px #0a1f4455}.slide.activa .polaroid{opacity:1;transform:rotate(var(--r))}.marco{overflow:hidden}.marco img{object-fit:cover;max-width:min(72vw,420px);max-height:46dvh;display:block}.cinta{z-index:1;clip-path:polygon(0 0,100% 0,96% 25%,100% 50%,96% 75%,100% 100%,0 100%,4% 75%,0 50%,4% 25%);background:repeating-linear-gradient(90deg,#3b6fd855 0 7px,#0000 0 14px),repeating-linear-gradient(0deg,#3b6fd855 0 7px,#9fd0ffaa 0 14px);width:110px;height:26px;position:absolute;top:-13px;left:50%;translate:-50%;rotate:-4deg}.escribir h2{color:var(--azul);font:600 2rem Dancing Script,cursive}.escribir .sello-fecha{font-size:1rem}.escribir input[type=date]{font:inherit;color:inherit;text-transform:inherit;background:0 0;border:0}.escribir textarea{min-height:calc(var(--renglon) * 6);resize:vertical;border:0;outline:none}.escribir textarea::placeholder,.firmas input::placeholder{color:#12305e66}.adjuntar{cursor:pointer;color:var(--azul);border:1.5px dashed;border-radius:4px;padding:.6rem 1rem;font:.85rem Special Elite,monospace;transition:background .2s}.adjuntar:hover{background:#3b82f612}.firmas{flex-wrap:wrap;align-self:stretch;gap:.5rem 1.2rem;display:flex}.firmas input,.reintentar input{min-width:9rem;color:var(--tinta);background:0 0;border:0;border-bottom:1.5px dashed #3b82f688;outline:none;flex:1;padding:.2rem 0;font:500 1.3rem Caveat,cursive}.escribir :focus-visible,.adjuntar:focus-within{outline:2px dashed var(--celeste);outline-offset:4px}.guardar{cursor:pointer;background:var(--grano), var(--azul);color:var(--papel-viejo);box-shadow:0 4px 0 var(--azul-noche);letter-spacing:.05em;border:0;border-radius:4px;padding:.8rem 1.6rem;font:1rem Special Elite,monospace;transition:transform .15s,box-shadow .15s,opacity .2s;rotate:-1deg}.guardar:active:not(:disabled){box-shadow:0 1px 0 var(--azul-noche);transform:translateY(3px)}.guardar:disabled{opacity:.5;cursor:default}.estado-pagina{letter-spacing:.06em;color:var(--azul);border:1.5px dashed;border-radius:3px;align-self:flex-end;padding:.25rem .6rem;font:.75rem Special Elite,monospace;rotate:2deg}.estado-pagina.guardando{animation:1.2s ease-in-out infinite latir}.estado-pagina.error{color:#9a3b3b;border-style:solid}.estado-pagina:focus{outline:none}.reintentar{flex-wrap:wrap;justify-content:flex-end;align-self:stretch;align-items:center;gap:.6rem 1rem;display:flex}@keyframes latir{50%{opacity:.45}}.aviso{color:#9a3b3b;text-align:center;font-size:.9rem}.oculto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cargando{z-index:3;text-align:center;background:var(--grano), radial-gradient(circle, #1546a0f0, #0a1f44fa 70%);opacity:0;visibility:hidden;place-content:center;justify-items:center;gap:1rem;padding:16px;transition:opacity .5s,visibility 0s .5s;display:grid;position:fixed;inset:0}.cargando.visible{opacity:1;visibility:visible;transition:opacity .5s}.cargando svg{width:min(64vw,240px);overflow:visible}.cargando p{color:var(--texto);max-width:28ch;font:500 1.7rem Caveat,cursive}.renglon{stroke:#9fd0ff40;stroke-width:1.5px}.garabato{fill:none;stroke:var(--cielo);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:2.4s linear infinite garabato}.pluma{fill:#eaf3ff;stroke:#0a1f44;stroke-width:1px;stroke-linejoin:round;animation:2.4s linear infinite pluma,.35s ease-in-out infinite alternate temblor}.pluma .asta{fill:none;stroke:#0a1f4499}@keyframes garabato{80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes pluma{0%{transform:translate(10px,40px)}80%,to{transform:translate(190px,40px)}}@keyframes temblor{0%{rotate:-5deg}to{rotate:5deg}}.carta{background:var(--grano), var(--papel-viejo);color:var(--tinta);border-top:6px solid var(--celeste);opacity:0;border-radius:6px;gap:1rem;max-width:60ch;max-height:80dvh;padding:2.5rem 2rem;font-style:italic;line-height:1.8;transition:opacity .7s,transform .7s;display:grid;position:relative;overflow-y:auto;transform:translateY(40px)scale(.95);box-shadow:0 20px 50px #0008}.slide.activa .carta{opacity:1;transform:none}.carta>:is(p,.cierre){opacity:0;transition:opacity .6s,transform .6s;transform:translate(-15px)}.slide.activa .carta>:is(p,.cierre){opacity:1;transition-delay:calc(.5s + var(--i) * .35s);transform:none}.cierre{flex-direction:column;align-items:flex-end;margin-top:.5rem;display:flex}.firma{white-space:pre-line;text-align:right;color:var(--azul);font-family:Dancing Script,cursive;font-size:1.7rem;font-style:normal}.sello{width:56px;color:var(--azul);mix-blend-mode:multiply;opacity:0;margin:-.4rem 1.5rem 0 0;transform:scale(2.5)rotate(10deg)}.sello svg{width:100%;display:block}.slide.activa .sello{animation:.45s cubic-bezier(.5,0,.7,1.4) forwards estampar;animation-delay:calc(.5s + var(--i) * .35s)}@keyframes estampar{to{opacity:.85;transform:scale(1)rotate(-12deg)}}.flecha{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff4;border-radius:50%;width:48px;height:48px;font-size:1.6rem;transition:transform .2s,opacity .3s,background .2s;animation:.6s 1.2s both aparecer;position:fixed;top:50%;translate:0 -50%}.flecha:hover:not(:disabled){background:#ffffff40;transform:scale(1.12)}.flecha:disabled{opacity:0;pointer-events:none}.prev{left:12px}.next{right:12px}.puntos{z-index:1;gap:8px;animation:.6s 1.2s both aparecer;display:flex;position:fixed;bottom:20px;left:50%;translate:-50%}.puntos button{cursor:pointer;background:#fff6;border:0;border-radius:99px;width:10px;height:10px;padding:0;transition:width .3s,background .3s}.puntos button.activo{background:var(--cielo);width:28px}.contador{letter-spacing:.1em;text-shadow:0 1px 6px #0008;font:.85rem Special Elite,monospace}@keyframes aparecer{0%{opacity:0;transform:translateY(10px)}}.flor{fill:currentColor;stroke:#fff6;stroke-width:1px;display:block}.corazones .flor{width:1.5em}.ramito{pointer-events:none;align-items:flex-end;display:flex;position:absolute}.ramito .flor{animation:4s ease-in-out infinite mecer;animation-delay:calc(var(--d) * -1.3s)}.ramito .flor:first-child{color:#3b6fd8;width:26px}.ramito .flor:nth-child(2){color:#5b9cf5;width:36px;margin-left:-8px}.ramito .flor:nth-child(3){color:#9fd0ff;width:22px;margin-left:-6px}.ramito-sobre{bottom:8px;left:10px}.ramito-carta{top:10px;right:12px}.slide.activa .ramito-carta .flor{animation:florecer .7s calc(.4s + var(--d) * .15s) both, mecer 4s 1.5s ease-in-out infinite}@keyframes florecer{0%{transform:scale(0)rotate(-120deg)}}@keyframes mecer{50%{transform:rotate(14deg)scale(1.05)}}.jardin{pointer-events:none;position:fixed;inset:auto 0 0}.jardin>svg:first-child{position:absolute}.rosa{height:var(--h);aspect-ratio:60/200;transform-origin:50% 100%;position:absolute;bottom:-4px;overflow:visible}.tallo{fill:none;stroke:#3f8f72;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.hoja{fill:#4aa07f;transform-box:fill-box;scale:0}.h1{transform-origin:100% 100%}.h2{transform-origin:0 100%}.capullo{stroke:#0c2a66;stroke-width:.6px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 100%;scale:0}.caliz{fill:#3c8a6e;stroke:none}.espiral{fill:none;stroke:#9fd0ff;stroke-width:1.2px;stroke-linecap:round}.crece .tallo{animation:crecer 2s calc(1.2s + var(--d)) ease-out forwards}.crece .h1{animation:brotar .6s calc(1.8s + var(--d)) ease-out forwards}.crece .h2{animation:brotar .6s calc(2.4s + var(--d)) ease-out forwards}.crece .capullo{animation:abrir 1s calc(3s + var(--d)) cubic-bezier(.3, 1.5, .5, 1) forwards}.crece .rosa{animation:balanceo 6s calc(4s + var(--d)) ease-in-out infinite}@keyframes crecer{to{stroke-dashoffset:0}}@keyframes brotar{to{scale:1}}@keyframes abrir{0%{rotate:-40deg;scale:0}to{rotate:0deg;scale:1}}@keyframes balanceo{25%{rotate:2deg}75%{rotate:-2deg}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;transition-delay:0s!important;animation:none!important}.sello{opacity:.85;transform:rotate(-12deg)}.crece .tallo{stroke-dashoffset:0}.crece :is(.hoja,.capullo){scale:1}.garabato{stroke-dashoffset:0}.pluma{transform:translate(190px,40px)}}