@charset "UTF-8";
:root{--ink:#252c25;--paper:#f0eadf;--sheet:#faf7f0;--sage:#d9e2d1;--muted:#596052;--line:#252c252b;--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit}button,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #69815e;outline-offset:5px}.skip{position:fixed;left:16px;top:-100px;z-index:2001;background:var(--sheet);padding:12px}.skip:focus{top:12px}.demo-bar{display:flex;justify-content:space-between;gap:15px;padding:10px max(20px,calc((100vw - 1180px)/2));background:var(--ink);color:var(--sheet);font-size:12px}.demo-bar a{text-underline-offset:4px}.gift-header{max-width:1180px;margin:auto;padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.gift-name{text-decoration:none;font:italic 26px var(--serif)}.gift-name span{display:block;font:11px/1.8 var(--sans);font-style:normal;margin-top:5px;letter-spacing:.08em}.gift-header nav{display:flex;gap:10px}.gift-header nav a{padding:10px 12px;min-height:44px;text-decoration:none;font-size:13px;border-bottom:1px solid transparent}.gift-header nav span{font-size:10px;margin-right:4px;opacity:.65}.gift-header nav [aria-current]{border-color:var(--ink)}main{max-width:1180px;margin:auto}.chapter-label{text-transform:uppercase;font:11px/1.6 var(--sans);letter-spacing:.14em;color:var(--muted);margin:0 0 20px}h1{font:normal clamp(48px,5.7vw,82px)/1.08 var(--serif);letter-spacing:-.055em;margin:0 0 26px}h1 em{font-weight:normal;color:#57684c}h2{font:normal 32px/1.2 var(--serif)}.intro{font-size:18px;max-width:480px;line-height:1.7;margin:0 0 30px;color:var(--muted)}.button,.quiet{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;text-decoration:none;border:1px solid var(--ink);font:500 14px/1.5 var(--sans);border-radius:2px;transition:background .2s,color .2s}.button{background:var(--ink);color:var(--sheet)}.button:hover{background:#43513c}.quiet{background:transparent;color:var(--ink)}.quiet:hover{background:var(--sage)}.cover{min-height:650px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding:70px 0}.cover-date{font-size:12px;color:var(--muted);margin-top:30px}.envelope-scene{height:420px;position:relative;isolation:isolate}.paper-note{position:absolute;width:78%;left:11%;top:20px;height:310px;background:var(--sheet);padding:35px;text-align:center;box-shadow:0 12px 40px #33271912;transform:rotate(-5deg);display:flex;flex-direction:column;align-items:center;gap:28px;animation:paper-in .45s ease-out}.paper-note span{font-size:11px;text-transform:uppercase;letter-spacing:.2em}.paper-note i{font:italic 44px/1 var(--serif);letter-spacing:-.04em}.paper-note small{font-size:12px}.envelope{position:absolute;bottom:20px;left:0;width:100%;height:220px;background:#d4d9c7;box-shadow:0 20px 40px #33271912;overflow:hidden}.envelope:before,.envelope:after{content:"";position:absolute;inset:0;background:#e0e5d7;clip-path:polygon(0 0,50% 55%,0 100%)}.envelope:after{clip-path:polygon(100% 0,50% 55%,100% 100%);background:#c8d1bc}.envelope-seal{position:absolute;z-index:2;left:calc(50% - 20px);top:95px;width:40px;height:40px;border:1px solid #56654b;border-radius:50%;background:#7b8f69}.letter-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:start;padding:80px 0}.letter{margin-top:35px;background:var(--sheet);box-shadow:0 10px 25px #33271908}.letter summary{padding:22px 28px;cursor:pointer;border-bottom:1px solid var(--line);font-size:14px}.letter-copy{padding:12px 32px 28px;font:18px/1.8 var(--serif)}.letter-copy p{margin:20px 0}.signature{font-style:italic;font-size:24px}.letter-photo{margin:80px 0 0;background:var(--sheet);padding:16px;transform:rotate(2deg)}.letter-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.letter-photo figcaption{font:italic 17px/1.5 var(--serif);padding:20px 8px 5px}.memories{padding:75px 0}.section-heading{display:flex;flex-direction:column;align-items:flex-start}.memory-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:45px}.memory-gallery figure{margin:0;background:var(--sheet);padding:14px;box-shadow:0 8px 22px #33271908;align-self:start}.memory-gallery figure:nth-child(2){margin-top:45px}.memory-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.memory-gallery figcaption{padding:22px 6px 12px;font:italic 20px/1.45 var(--serif)}.memory-gallery figcaption span{display:block;font:10px var(--sans);margin-bottom:12px;color:var(--muted)}.photo-open{border:0;border-bottom:1px solid var(--line);background:none;font-size:12px;padding:12px 6px;min-height:44px;color:var(--ink)}dialog{width:min(880px,calc(100% - 32px));max-height:90svh;background:var(--sheet);border:0;padding:20px;color:var(--ink)}dialog::backdrop{background:#141814b8}dialog img{display:block;width:100%;max-height:65svh;object-fit:contain}dialog p{font:italic 20px var(--serif)}.dialog-close{display:block;margin:0 0 16px auto;min-height:44px;padding:8px 16px;background:transparent;border:1px solid var(--line)}.messages{padding:80px 0;max-width:800px}.message-list{margin-top:45px}.message-list details{border-top:1px solid var(--line)}.message-list details:last-child{border-bottom:1px solid var(--line)}.message-list summary{cursor:pointer;padding:25px 8px;font:24px/1.4 var(--serif)}.message-list summary span{float:right;font:12px/2 var(--sans);margin-top:5px;color:var(--muted)}.message-list details p{padding:0 8px 25px;max-width:600px;font:19px/1.7 var(--serif)}.ending{padding:100px 0 70px;text-align:center;max-width:850px;margin:auto}.ending .intro{margin-inline:auto}.answer-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.answer-result{margin:35px auto 0;padding:26px;background:var(--sage);max-width:600px}.answer-result h2{margin:0 0 15px}.answer-result p{margin:0 0 20px}.local-note{font-size:12px;max-width:380px;margin:28px auto 0;color:var(--muted)}.chapter-nav,.gift-footer{max-width:1180px;margin:auto;display:flex;align-items:center;gap:18px;padding:28px 0;border-top:1px solid var(--line)}.chapter-nav{justify-content:space-between}.chapter-nav>span{font-size:11px;color:var(--muted)}.gift-footer{font-size:11px;flex-wrap:wrap;color:var(--muted)}.gift-footer p{margin:0 auto 0 0}.gift-footer a{padding-block:12px}.kb-analytics-preferences{color:var(--muted)}@keyframes paper-in{from{opacity:.5;transform:translateY(8px) rotate(-5deg)}to{opacity:1;transform:rotate(-5deg)}}
@media(max-width:1240px){main,.gift-header,.chapter-nav,.gift-footer{margin-inline:28px}}@media(max-width:700px){.demo-bar{padding:10px 20px;font-size:11px}.gift-header{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 0 14px}.gift-header nav{width:100%;justify-content:space-between;gap:2px}.gift-header nav a{padding:10px 3px;font-size:11px}.gift-header nav span{display:block;margin:0 0 3px}.cover{grid-template-columns:1fr;gap:35px;min-height:0;padding:50px 0}.cover h1{font-size:clamp(44px,11vw,65px)}.intro{font-size:16px}.envelope-scene{height:310px;width:min(100%,400px);margin:auto}.paper-note{height:240px;padding:25px;gap:20px}.paper-note i{font-size:34px}.envelope{height:155px}.envelope-seal{top:65px}.letter-layout{grid-template-columns:1fr;gap:35px;padding:50px 0}.letter-photo{margin:0;transform:none}.letter-copy{padding:8px 22px 22px;font-size:17px}.memory-gallery{grid-template-columns:1fr;gap:28px;max-width:420px;margin-inline:auto}.memory-gallery figure:nth-child(2){margin-top:0}.memory-gallery img{aspect-ratio:3/2}.memories,.messages{padding:50px 0}.message-list summary{font-size:22px}.message-list summary span{float:none;display:block;margin:6px 0 0}.ending{padding:65px 0}.ending h1{font-size:52px}.chapter-nav{gap:10px}.chapter-nav .button,.chapter-nav .quiet{font-size:12px;padding:12px}.chapter-nav>span{display:none}.gift-footer{gap:10px 18px}.gift-footer p{flex-basis:100%}main,.gift-header,.chapter-nav,.gift-footer{margin-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Tactile chapters: envelopes, folded paper and a horizontal photo album. */
@font-face{font-family:GiftDisplay;src:url('/galeria/assets/bricolage-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
body.gift-experience{--ink:#302827;--sage:#e7d3ce;--muted:#78625a;--line:#51362c25;background:radial-gradient(ellipse at 90% 25%,#ead1c955,transparent 55%),var(--paper)}
.gift-experience h1{font-family:GiftDisplay,"Segoe UI",sans-serif;font-weight:500;font-size:clamp(52px,5.6vw,82px);line-height:1.03;letter-spacing:-.065em}.gift-experience h1 em{font-family:Georgia,serif;font-weight:normal;color:#9d5d51}.gift-name{font-size:24px}.gift-header nav [aria-current]{position:relative;border-color:transparent}.gift-header nav [aria-current]:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:#a86b5d;transform-origin:left;animation:ink-line .7s ease-out}.chapter-label{color:#926558}.cover{min-height:620px;gap:70px}.cover .intro{max-width:440px}.cover-copy>.button{background:#945b4d;border-color:#945b4d}.cover-copy>.button:hover{background:#77483e}.cover-date{border-left:1px solid #9d5d5166;padding-left:14px}.envelope-scene{perspective:900px;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease;height:420px}.paper-note{top:34px;width:76%;left:12%;padding:35px;background:linear-gradient(#fffdf7,#f7eddf);box-shadow:0 2px 1px #fff8 inset,0 18px 40px #58372918;animation:gift-paper-arrive 1s cubic-bezier(.22,1,.36,1) both}.paper-note i{color:#9d5d51}.envelope{background:#c99280;overflow:visible;transform-style:preserve-3d;border-radius:3px;height:215px;bottom:35px;box-shadow:0 22px 50px #603e2c26}.envelope:before,.envelope:after{z-index:3;background:#dbab95}.envelope:after{background:#cf9a87}.envelope-flap{position:absolute;z-index:4;inset:0;background:#e0b39d;clip-path:polygon(0 0,100% 0,50% 59%);transform-origin:top;backface-visibility:visible;filter:drop-shadow(0 2px 1px #603e2c18);transition:transform .7s cubic-bezier(.22,1,.36,1)}.envelope-seal{background:#9a5a4c;border-color:#f7e5d488;top:103px;z-index:5;box-shadow:0 2px 4px #49322b30,inset 0 0 0 5px #a66a5b;transition:opacity .15s,transform .3s}.envelope-seal:after{content:"";position:absolute;inset:11px;border:1px solid #f3d8c2;border-radius:50%}.envelope-caption{position:absolute;bottom:-8px;left:0;right:0;text-align:center;font:italic 14px Georgia,serif;color:var(--muted)}.opening-gift .envelope-flap{transform:rotateX(175deg);z-index:0}.opening-gift .envelope-seal{opacity:0;transform:scale(.6)}.opening-gift .paper-note{animation:gift-unseal .85s cubic-bezier(.22,1,.36,1) forwards}.opening-gift .cover-copy{animation:gift-open-copy .85s ease forwards}.is-arriving main>section{animation:chapter-arrive .8s cubic-bezier(.22,1,.36,1) both}.is-arriving .gift-header{animation:chapter-arrive .5s ease both}.is-leaving main{animation:chapter-leave .24s ease both}.reveal-play{animation:chapter-arrive .7s cubic-bezier(.22,1,.36,1)}
.letter-layout{gap:75px;padding-top:65px}.letter{position:relative;margin-top:30px;overflow:hidden;background:linear-gradient(165deg,#faf6ee,#eee2d1);box-shadow:0 20px 45px #513c2b12;transition:box-shadow .5s,transform .5s}.letter:not([open]){transform:rotate(-2deg);min-height:195px;background:linear-gradient(150deg,#f9edda,#e6d3b7)}.letter:not([open]):hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 25px 50px #513c2b20}.letter .letter-open{position:relative;z-index:2;min-height:110px;padding:30px 32px;border-bottom:0;font:italic 24px/1.4 Georgia,serif;list-style:none}.letter .letter-open::-webkit-details-marker{display:none}.letter-open:before{content:"";position:absolute;right:26px;top:34px;width:18px;height:18px;border-right:1px solid #926558;border-bottom:1px solid #926558;transform:rotate(45deg);transition:transform .4s}.letter[open] .letter-open:before{transform:rotate(225deg)}.letter .letter-open span{display:block;margin-top:12px;font:11px/1.5 var(--sans);letter-spacing:.08em;color:var(--muted)}.letter-fold{position:absolute;z-index:0;bottom:0;left:0;right:0;height:85px;background:#dec7a780;clip-path:polygon(0 100%,50% 0,100% 100%)}.letter[open] .letter-fold{display:none}.letter[open]{transform:rotate(0)}.letter-copy{border-top:1px solid var(--line);font-size:19px}.letter-photo{padding:16px 16px 22px;margin-top:45px;box-shadow:0 25px 40px #49322b18;transform:rotate(4deg);position:relative}.letter-photo:before{content:"";position:absolute;width:100px;height:28px;background:#bcb48b66;left:calc(50% - 50px);top:-14px;transform:rotate(-8deg);z-index:2}.letter-photo img{aspect-ratio:4/5}.letter-photo figcaption{font-size:20px;line-height:1.5}
.memories{padding-top:60px}.memories .section-heading{position:relative}.album-hint{font-size:12px;color:var(--muted);margin:12px 0 8px}.album-toolbar{display:flex;align-items:center;gap:20px;justify-content:flex-end;margin-top:-65px;margin-bottom:30px}.album-toolbar .quiet{border-color:var(--line);min-height:44px;font-size:12px;padding:10px 15px}.album-toolbar output{font-size:11px;letter-spacing:.1em;min-width:65px;text-align:center}.album-toolbar button:disabled{opacity:.35;cursor:default}.memory-gallery{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b38878 transparent;padding:25px 10px 40px;position:relative;overscroll-behavior-x:contain;margin-top:10px;scroll-padding-left:10px}.memory-gallery figure{flex:0 0 390px;scroll-snap-align:start;padding:14px 14px 18px;transform:rotate(-2deg) scale(.98);transition:transform .5s,box-shadow .5s;background:#fffbf3}.memory-gallery figure:nth-child(2){margin-top:0;transform:rotate(2deg) scale(.98)}.memory-gallery figure:nth-child(3){transform:rotate(-1deg) scale(.98)}.memory-gallery figure.is-current,.memory-gallery figure:hover{transform:rotate(0) scale(1);box-shadow:0 22px 35px #4d332718}.memory-gallery img{aspect-ratio:4/3}.memory-gallery figcaption{font-size:23px;padding-top:18px;min-height:125px}.photo-open{font-size:12px}.memory-gallery figure:nth-child(2) img{object-position:center}.memory-gallery figure:nth-child(3) img{object-position:center}dialog{border-radius:3px;box-shadow:0 30px 120px #0006;animation:photo-unfold .4s cubic-bezier(.22,1,.36,1)}dialog::backdrop{background:#30251ee0;backdrop-filter:blur(5px)}
.messages{max-width:960px}.message-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:55px;align-items:start}.message-list details,.message-list details:last-child{position:relative;border:0;box-shadow:0 12px 30px #62433610;background:#f7ead7;min-height:215px;transform:rotate(-2deg);transition:transform .45s,background .45s;overflow:hidden}.message-list details:nth-child(2){background:#e0e3d5;transform:rotate(2deg)}.message-list details:nth-child(3){background:#e9cdc4;transform:rotate(-1deg)}.message-list details:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#ffffff30,transparent 55%);clip-path:polygon(0 0,100% 0,50% 60%);border-top:1px solid #fff8;transition:opacity .3s}.message-list details:hover{transform:translateY(-7px) rotate(0)}.message-list details[open]{transform:rotate(0);background:#fff9ed}.message-list details[open]:before{opacity:0}.message-list summary{position:relative;list-style:none;padding:30px 25px 22px;min-height:210px;font:italic 28px/1.1 Georgia,serif;display:flex;flex-direction:column;justify-content:space-between}.message-list summary::-webkit-details-marker{display:none}.message-list summary span{float:none;display:block;font:11px var(--sans);margin-top:35px;letter-spacing:.06em;text-decoration:underline;text-underline-offset:6px}.message-list details p{font-size:18px;padding:15px 25px 30px;margin:0;border-top:1px solid var(--line)}
body[data-chapter=pregunta]{--paper:#151e19;--ink:#f3eddf;--muted:#b5c0ad;--line:#ffffff24;--sheet:#f0e6d3;background:#151e19}.ending{max-width:none;position:relative;isolation:isolate;padding:90px 0 70px;overflow:hidden}.ending-atmosphere{position:absolute;z-index:-1;inset:0;background:linear-gradient(#151e1970,#151e19c9),url('atardecer.webp') center/cover;opacity:.28;transform:scale(1.05);transition:opacity 1.2s,transform 1.5s}.ending-content{max-width:800px;position:relative;margin:auto;padding:0 25px}.ending h1 em{color:#dfb39f}.ending .button{background:#e0b49d;border-color:#e0b49d;color:#33291f}.ending .quiet{border-color:#ffffff60;color:#f3eddf}.ending .quiet:hover{background:#ffffff12}.ending .intro{color:#c5cdbb}.answer-result{background:#ffffff0c;border:1px solid #ffffff26;backdrop-filter:blur(12px);animation:answer-arrive .65s cubic-bezier(.22,1,.36,1)}.answer-result h2{font-family:GiftDisplay,var(--sans);font-size:30px}.ending-yes .ending-atmosphere{opacity:.8;transform:scale(1)}.ending-yes .ending-content h1{transition:color .6s;color:#fff8e8}.gift-celebration{position:fixed;z-index:100;inset:0;pointer-events:none;overflow:hidden}.gift-celebration i{position:absolute;left:var(--x);top:-25px;width:9px;height:16px;background:#d9a784;transform:rotate(var(--angle));animation:paper-fall 2.6s var(--delay) ease-in both}.gift-celebration i:nth-child(3n){background:#dadbb6;width:6px}.gift-celebration i:nth-child(2n){background:#e8c3bb;border-radius:70% 0 70% 0}.ending~*{position:relative}
@keyframes ink-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes gift-paper-arrive{from{transform:translateY(65px) rotate(-8deg);opacity:0}to{transform:translateY(0) rotate(-5deg);opacity:1}}@keyframes gift-unseal{0%{transform:translateY(0) rotate(-5deg)}65%{transform:translateY(-110px) rotate(0);opacity:1}100%{transform:translateY(-140px) rotate(0);opacity:0}}@keyframes gift-open-copy{0%,55%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}@keyframes chapter-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes chapter-leave{to{opacity:0;transform:translateY(-10px)}}@keyframes photo-unfold{from{opacity:0;transform:translateY(25px) scale(.93) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes answer-arrive{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}@keyframes paper-fall{0%{top:-25px;opacity:0;transform:rotate(var(--angle))}15%{opacity:1}100%{top:100vh;opacity:0;transform:translateX(55px) rotate(calc(var(--angle) + 270deg))}}
@media(max-width:700px){.gift-experience h1{font-size:clamp(43px,11vw,64px)}.gift-header{gap:14px;padding-top:20px}.gift-name{font-size:24px}.cover{padding-top:40px;gap:42px}.cover .intro{max-width:340px}.envelope-scene{height:315px;margin-bottom:15px}.paper-note{height:240px;top:12px;padding:30px}.envelope{height:155px;bottom:30px}.envelope-seal{top:73px}.envelope-caption{font-size:12px;bottom:-4px}.letter-layout{padding-top:40px;gap:45px}.letter .letter-open{font-size:23px;padding:28px 22px}.letter:not([open]){min-height:185px}.letter-photo{margin-top:0;transform:rotate(2deg);max-width:420px;margin-inline:auto}.letter-photo img{aspect-ratio:3/2}.memories{padding-top:40px}.album-toolbar{margin-top:20px;margin-bottom:8px;justify-content:space-between}.memory-gallery{max-width:none;gap:22px;padding:16px 5px 30px;margin-top:0;scroll-padding-left:5px}.memory-gallery figure{flex-basis:calc(100% - 25px);padding:12px}.memory-gallery figcaption{min-height:118px;font-size:22px}.memory-gallery img{aspect-ratio:4/3}.album-hint{font-size:11px}.message-list{grid-template-columns:1fr;gap:24px;margin-top:32px}.message-list details,.message-list details:last-child{min-height:160px}.message-list summary{min-height:165px;font-size:29px;padding:26px}.message-list summary span{margin-top:26px}.messages{padding-block:40px}.ending{padding:75px 0 60px;margin-inline:-20px}.ending-content{padding:0 20px}.ending .answer-buttons{flex-direction:column;align-items:stretch}.ending .answer-buttons button{min-height:50px}.ending .intro{font-size:17px}.ending .answer-result h2{font-size:26px}.gift-footer{padding-top:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.envelope-scene{transform:none!important}.gift-experience .letter:not([open]),.letter-photo,.message-list details{transform:none}.ending-atmosphere{transform:none}.gift-celebration{display:none}}

.memory-gallery:after{content:"";flex:0 0 max(0px,calc(100% - 410px))}@media(max-width:700px){.memory-gallery:after{flex-basis:0}}

.album-toolbar{position:relative;margin-top:20px;margin-bottom:10px}

.envelope-scene{display:block;text-decoration:none;color:inherit;cursor:pointer}.envelope-scene:hover .paper-note{box-shadow:0 25px 55px #58372922}.envelope-scene:focus-visible{outline-offset:14px}