@font-face{font-family:Signatura Monoline;src:url(/recursos/fuentes/signatura-monoline.woff)format("woff"),url(/recursos/fuentes/signatura-monoline.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--rosa-fuerte:#ff5db3;--rosa-suave:#fd89c3;--cafe:#654323;--rosa-rubor:#ffc2e2;--rosa-nube:#ffe6f2;--crema:#fff7fa;--vino:#b83a7a;--cafe-suave:#8a6542;--nota-fondo:#fff1a8;--nota-borde:#f2d96b;--texto:var(--cafe);--texto-suave:var(--cafe-suave);--texto-sobre-rosa:#fff;--fuente-principal:"Signatura Monoline", "Segoe Script", "Brush Script MT", cursive;--fuente-lectura:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--texto-s:clamp(1rem, .95rem + .25vw, 1.15rem);--texto-m:clamp(1.35rem, 1.2rem + .75vw, 1.8rem);--texto-l:clamp(2rem, 1.5rem + 2.5vw, 3.2rem);--titulo:clamp(3rem, 2rem + 6vw, 7rem);--espacio-xs:.5rem;--espacio-s:.75rem;--espacio-m:1.25rem;--espacio-l:clamp(1.5rem, 1rem + 2.5vw, 3rem);--margen-pagina:clamp(1rem, .5rem + 3vw, 3rem);--radio-s:.5rem;--radio-m:1rem;--radio-l:1.75rem;--sombra-suave:0 .5rem 1.5rem #b83a7a2e;--sombra-foto:0 1rem 2.5rem #65432347, 0 .2rem .5rem #b83a7a33;--sombra-nota:0 .4rem .9rem #65432340;--ease-suave:cubic-bezier(.22, 1, .36, 1);--ease-rebote:cubic-bezier(.34, 1.56, .64, 1);--duracion-corta:.2s;--duracion-media:.6s;--duracion-larga:1.2s;--capa-fondo:-1;--capa-contenido:1;--capa-nota:5;--capa-animal:2}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-height:100dvh;font-family:var(--fuente-principal);font-size:var(--texto-m);color:var(--texto);background-color:var(--rosa-suave);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.3;overflow-x:hidden}img,video,svg{max-width:100%;display:block}img{height:auto}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;font-family:var(--fuente-lectura);background:0 0;border:0}[hidden]{display:none!important}h1,h2,h3{text-wrap:balance;font-weight:400;line-height:1.05}p{text-wrap:pretty}::selection{background:var(--rosa-fuerte);color:var(--texto-sobre-rosa)}:focus-visible{outline:3px solid var(--rosa-fuerte);outline-offset:3px;border-radius:var(--radio-s)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fondo{z-index:var(--capa-fondo);contain:paint;pointer-events:none;background:radial-gradient(120% 70% at 100% 110%, #65432329, transparent 60%), linear-gradient(160deg, var(--rosa-nube) 0%, var(--rosa-suave) 55%, var(--rosa-fuerte) 120%);position:fixed;inset:0;overflow:hidden}.fondo:before,.fondo:after{content:"";will-change:transform;position:absolute;inset:-50%}.fondo:before{background:radial-gradient(38% 38% at 28% 32%,#ff5db3bf,#0000 70%),radial-gradient(34% 34% at 72% 66%,#fff7facc,#0000 70%);animation:28s ease-in-out infinite alternate flotar-a}.fondo:after{background:radial-gradient(36% 36% at 68% 30%,#fd89c3cc,#0000 70%),radial-gradient(32% 32% at 30% 70%,#ffc2e2d9,#0000 70%);animation:36s ease-in-out infinite alternate flotar-b}@keyframes flotar-a{0%{transform:translate(-6%,-4%)rotate(0)scale(1)}to{transform:translate(8%,6%)rotate(18deg)scale(1.12)}}@keyframes flotar-b{0%{transform:translate(7%,5%)rotate(0)scale(1.1)}to{transform:translate(-8%,-6%)rotate(-22deg)scale(1)}}@media (width<=600px){.fondo:before,.fondo:after{inset:-70%}}@media (prefers-reduced-motion:reduce){.fondo:before,.fondo:after{will-change:auto;animation:none}}.mundo{z-index:var(--capa-contenido);gap:var(--espacio-l);min-height:100dvh;padding:max(var(--margen-pagina), env(safe-area-inset-top)) max(var(--margen-pagina), env(safe-area-inset-right)) max(var(--margen-pagina), env(safe-area-inset-bottom)) max(var(--margen-pagina), env(safe-area-inset-left));grid-template-rows:auto 1fr auto;display:grid;position:relative}[data-profundidad]{translate:var(--parallax-x,0px) var(--parallax-y,0px)}.encabezado{justify-self:start;max-width:min(100%,38rem)}.titulo{font-size:var(--titulo);color:var(--vino);overflow-wrap:anywhere;text-shadow:0 .04em #fff7fae6,0 .1em .45em #b83a7a47}.subtitulo{max-width:38ch;color:var(--cafe);text-wrap:balance;overflow-wrap:anywhere;margin-block-start:var(--espacio-xs);font-size:clamp(2rem,3.5vw,3.2rem);font-weight:700;line-height:1.15}.galeria{justify-content:center;align-items:center;gap:var(--espacio-l);flex-direction:column;min-width:0;display:flex}.foto-marco{background:var(--crema);border-radius:var(--radio-m);inline-size:min(100%,40rem);box-shadow:var(--sombra-foto);--animal-alto-max:12.5rem;margin:0;margin-block-start:calc(var(--animal-alto-max) - 1.2rem - var(--espacio-l));padding:clamp(.6rem,.4rem + 1vw,1rem);position:relative;rotate:-1.5deg}.foto{object-fit:contain;border-radius:var(--radio-s);background:var(--rosa-nube);max-block-size:58dvh;inline-size:100%;display:block}.foto[hidden]{display:none}.foto.es-entrando{animation:aparecer-foto .3s var(--ease-suave) both}@keyframes aparecer-foto{0%{opacity:0;transform:translateY(1.5rem)scale(.94)rotate(-2deg)}to{opacity:1;transform:none}}.foto.es-saliendo{animation:desaparecer-foto .3s var(--ease-suave) both}@keyframes desaparecer-foto{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-1rem)scale(.96)}}.notas{aspect-ratio:1;inline-size:clamp(15rem,38vw,19rem);z-index:var(--capa-nota);pointer-events:none;position:absolute;inset:66.666% auto auto -3rem;container-type:inline-size}.nota{color:var(--cafe);background:linear-gradient(170deg, #fff7bd, var(--nota-fondo));border-bottom:2px solid var(--nota-borde);box-shadow:var(--sombra-nota);transform-origin:100% 0;opacity:0;visibility:hidden;border-radius:.15rem .15rem .35rem;place-items:center;padding:12%;display:grid;position:absolute;inset:0;overflow:hidden;rotate:3deg}.nota p{text-align:center;overflow-wrap:anywhere;text-wrap:balance;width:100%;max-height:100%;margin:0;font-size:clamp(2rem,17cqi,3.2rem);font-weight:800;line-height:1.08}.nota:nth-child(2n){rotate:-3deg}.nota:before{content:"";background:#ff5db366;block-size:1.1rem;inline-size:45%;position:absolute;top:0;left:50%;translate:-50% -35%;rotate:-3deg}.nota.es-activa{opacity:1;visibility:visible;animation:pegar-nota .7s var(--ease-rebote) both}.nota.es-saliendo{visibility:visible;animation:.6s ease-in both arrancar-nota}@keyframes pegar-nota{0%{opacity:0;transform:translate(35%,-45%)rotate(16deg)scale(1.3)}50%{opacity:1}to{opacity:1;transform:none}}@keyframes arrancar-nota{0%{opacity:1;transform:none}25%{opacity:1;transform:translateY(-3%)rotate(-9deg)}to{opacity:0;transform:translate(50%,-90%)rotate(30deg)scale(.9)}}.controles{z-index:calc(var(--capa-nota) + 1);justify-content:center;align-items:center;gap:var(--espacio-s);margin-block-start:3rem;display:flex;position:relative}.controles button{block-size:3rem;inline-size:3rem;color:var(--vino);border:2px solid var(--rosa-rubor);box-shadow:var(--sombra-suave);cursor:pointer;transition:transform var(--duracion-corta) var(--ease-suave), background-color var(--duracion-corta) var(--ease-suave), opacity var(--duracion-corta) var(--ease-suave);background:#fff7fad9;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:1.25rem;line-height:1;display:grid}.controles button:active:not(:disabled){transform:scale(.92)}@media (hover:hover){.controles button:hover:not(:disabled){background:var(--crema);transform:translateY(-2px)}}.controles button:disabled{opacity:.45;cursor:not-allowed;transform:none}.controles button:focus-visible{outline:3px solid var(--rosa-fuerte);outline-offset:3px}.pie{justify-self:center;inline-size:min(100%,36rem);position:relative}.caja-mensaje{z-index:3;padding:var(--espacio-m);border:2px solid var(--rosa-rubor);border-radius:var(--radio-l);box-shadow:var(--sombra-suave);background:#fff7fae6;display:block;position:relative}.titulo-mensaje{font-size:var(--texto-m);color:var(--vino);margin-block-end:var(--espacio-xs)}#mensaje{font-family:var(--fuente-lectura);color:var(--cafe);overflow-wrap:anywhere;font-size:1rem;line-height:1.6}.animales{inset-inline:0;block-size:var(--animal-alto-max,12.5rem);z-index:var(--capa-animal);pointer-events:none;clip-path:inset(-30rem -30rem 0);position:absolute;bottom:calc(100% - 1.2rem)}.animal{bottom:0;left:var(--animal-x,50%);inline-size:var(--animal-ancho,14rem);block-size:var(--animal-alto,11rem);visibility:hidden;position:absolute;transform:translateY(105%)}.animal[data-animal=gato-calico]{--animal-x:30%;--animal-ancho:14.5rem;--animal-alto:11.5rem}.animal[data-animal=gato-atigrado]{--animal-x:50%;--animal-ancho:15.5rem;--animal-alto:12.5rem}.animal[data-animal=hamster]{--animal-x:70%;--animal-ancho:12.5rem;--animal-alto:10rem}.animal>img{object-fit:contain;block-size:100%;inline-size:100%;display:block}.animal.es-asomado{visibility:visible;animation:asomar .9s var(--ease-rebote) both}@keyframes asomar{0%{transform:translateY(105%)}to{transform:translateY(0)}}@media (width<=600px){.encabezado{max-width:100%}.titulo{font-size:clamp(3.4rem,11vw,5rem)}.subtitulo{font-size:clamp(2.3rem,7vw,3.5rem);line-height:1.1}.foto-marco{inline-size:min(100%,36rem);rotate:-1deg}.foto{max-block-size:48dvh}.notas{inline-size:clamp(10rem,40vw,12rem);inset:66.666% auto auto -1rem}.nota{padding:10%}.nota p{overflow-wrap:anywhere;text-wrap:balance;max-height:100%;font-size:clamp(1.15rem,12cqi,1.55rem);line-height:1.12}.controles{gap:var(--espacio-xs);margin-block-start:2.5rem}.foto-marco{--animal-alto-max:10rem}.animal[data-animal=gato-calico]{--animal-ancho:11rem;--animal-alto:9rem}.animal[data-animal=gato-atigrado]{--animal-ancho:11.5rem;--animal-alto:10rem}.animal[data-animal=hamster]{--animal-x:60%;--animal-ancho:9.5rem;--animal-alto:8.3rem}.caja-mensaje{padding:var(--espacio-m)}}@media (height<=520px) and (orientation:landscape){.mundo{gap:var(--espacio-s)}.titulo{font-size:clamp(2.2rem,8vh,3.5rem)}.foto{max-block-size:55dvh}.foto-marco{--animal-alto-max:7.5rem;inline-size:min(100%,28rem)}.animal[data-animal=gato-calico]{--animal-ancho:9rem;--animal-alto:6.8rem}.animal[data-animal=gato-atigrado]{--animal-ancho:9.5rem;--animal-alto:7.5rem}.animal[data-animal=hamster]{--animal-ancho:7.8rem;--animal-alto:6rem}.notas{inline-size:clamp(9rem,20vw,11rem);inset:66.666% auto auto -1rem}.nota p{font-size:clamp(1.1rem,12cqi,1.4rem)}.controles{margin-block-start:2rem}.pie{inline-size:min(100%,30rem)}}@media (width>=1400px){.foto-marco{inline-size:min(100%,40rem)}}@media (prefers-reduced-motion:reduce){.foto.es-entrando,.foto.es-saliendo,.nota.es-activa,.nota.es-saliendo,.animal.es-asomado{animation-duration:1ms}.controles button{transition-duration:1ms}}