@charset "UTF-8";
:root{color-scheme:light;--bg:#271b31;--rose:#9d5365;--ink:#4f3540;--muted:#856a6c;--paper:#fffaf0;--paper2:#ffefdF;--line:#ebd7c2;--gold:#bd8d51;--accent:#a86679;--soft:#f7e8e5}
[data-theme=sky]{--rose:#547f9b;--accent:#5a87a4;--soft:#e4eff6;--gold:#aaa273;--ink:#344d60;--paper2:#ecf7fa}
[data-theme=sage]{--rose:#65806c;--accent:#65806c;--soft:#e9efe6;--gold:#b49d68;--ink:#42584a;--paper2:#f1f6e9}
[data-theme=champagne]{--rose:#a47b4f;--accent:#ab8154;--soft:#f9ecd9;--gold:#ac8047;--ink:#66472c;--paper2:#fff4dd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100svh;font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#fff;overflow-x:hidden;background:radial-gradient(circle at 48% 18%,#725067 0,#352136 43%,#1b172b 86%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit}*:focus-visible{outline:3px solid #edb97f;outline-offset:3px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:var(--rose)}[hidden]{display:none!important}
.sky{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.sky:before,.sky:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff8e0a8 1px,transparent 1px),radial-gradient(#ffe9b36f 1px,transparent 1px);background-size:117px 123px,171px 193px;background-position:7px 14px,36px 93px;opacity:.55;animation:starshine 10s ease-in-out infinite alternate}.sky:after{background-size:221px 167px;opacity:.24;animation-delay:-4s}.sky-glow{width:55vmax;height:55vmax;background:#d7a68b14;filter:blur(50px);border-radius:50%;position:absolute;top:0;left:30%;animation:glow 12s ease-in-out infinite alternate}.bokeh{position:absolute;border:1px solid #ffe9ba47;border-radius:50%;box-shadow:0 0 50px #ffcdab45}.b1{height:150px;width:150px;left:-70px;top:44%}.b2{height:76px;width:76px;right:3%;top:15%}.b3{height:38px;width:38px;right:17%;bottom:7%}.sky-stars{position:absolute;top:9%;width:100%;text-align:center;color:#eed4ae85;font-size:24px;letter-spacing:26px;animation:starshine 6s infinite alternate}
.header{max-width:1300px;margin:auto;padding:22px clamp(18px,4vw,44px);display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.brand{font-family:Georgia,serif;font-size:18px;letter-spacing:.025em;color:#fff4e4}.brand-star{font-size:27px;vertical-align:middle;color:#f0c17c;margin-right:4px}.sound-toggle{background:#ffffff14;color:#fff8e9;border:1px solid #ffffff42;padding:9px 16px;border-radius:28px;display:flex;align-items:center;gap:9px;backdrop-filter:blur(6px);min-height:42px}.sound-toggle[aria-pressed=true]{background:#edc49533;border-color:#f8d3a5}.sound-toggle span{font-size:12px;font-weight:650}.overline{font-weight:760;letter-spacing:.19em;font-size:10px;color:#e7bc8e;margin:0}
/* Entrada: candado y llave rodeados de luces */
.gateway{min-height:calc(100svh - 145px);display:grid;place-items:center;padding:10px 20px 30px}.gate-frame{width:min(950px,100%);display:grid;grid-template-columns:minmax(250px,.9fr) minmax(320px,1.1fr);gap:clamp(4px,3vw,50px);align-items:center;position:relative;padding:30px 40px;border:1px solid #f6d7ac48;border-radius:30px;background:radial-gradient(circle at 22% 50%,#74506480,transparent 51%),linear-gradient(125deg,#fff5df09,#ffffff0c);box-shadow:0 30px 110px #0b07134d,inset 0 0 0 6px #ffffff09;overflow:hidden}.gate-frame:after{content:"";pointer-events:none;position:absolute;inset:12px;border:1px solid #efd7a02e;border-radius:23px}.portal-decor{position:relative;aspect-ratio:1/1.12;display:grid;place-items:center;isolation:isolate}.portal-ring{position:absolute;border:1px solid #eac38c63;border-radius:50%;width:78%;aspect-ratio:1;box-shadow:0 0 60px #eabc8a15,inset 0 0 45px #d6a16e23;animation:orbit 20s linear infinite}.ring-b{width:94%;border-style:dashed;border-color:#f2cb943b;animation-direction:reverse;animation-duration:34s}.portal-light{width:60%;height:60%;background:#f5bc9245;filter:blur(46px);border-radius:50%;position:absolute;animation:glow 3s ease-in-out infinite alternate}.portal-lock{width:75%;max-width:300px;height:auto;filter:drop-shadow(0 22px 24px #1f111b8a);position:relative;z-index:2;animation:levitate 5s ease-in-out infinite}.portal-key{position:absolute;width:70px;height:auto;right:0;bottom:6%;z-index:4;transform:rotate(35deg);filter:drop-shadow(0 0 18px #ffc8748a);animation:keyhover 5s ease-in-out infinite}.portal-petal{position:absolute;color:#f3bec4;font-size:38px;animation:petalfall 9s linear infinite}.p1{top:6%;left:9%}.p2{right:9%;top:14%;animation-delay:-3s;font-size:24px}.p3{left:24%;bottom:8%;animation-delay:-6s;color:#f9db94}.gateway-copy{text-align:center;position:relative;z-index:2}.gateway-copy .overline{font-size:10px}.gateway-copy h1{font:400 clamp(39px,4.2vw,60px)/1.12 Georgia,serif;letter-spacing:-.035em;color:#fff4e8;margin:17px auto}.gateway-copy h1 em{color:#f4cfad;white-space:nowrap}.personal-greeting{display:inline-block;background:#fff5e719;color:#ffe5db;border:1px solid #fff0e04d;border-radius:99px;padding:8px 16px;font-size:13px;margin:16px auto 0}.personal-greeting strong{color:#fff;font-weight:750}.gate-description{max-width:370px;margin:0 auto 20px;font-size:14px;color:#f3dcdb;line-height:1.7}.unlock-form{max-width:340px;margin:25px auto 0}.unlock-form label{display:block;font-size:12px;text-align:left;margin-bottom:8px;font-weight:680;color:#fee6d7}.password-row{display:flex;background:#fffdf5;border-radius:13px;overflow:hidden;border:2px solid #e9bf95;box-shadow:0 7px 20px #28192a40}.password-row input{min-width:0;flex:1;border:0;background:transparent;color:#563b45;outline:none;padding:14px;font-size:15px}.password-row button{width:48px;background:var(--soft);border:0;color:var(--rose)}.cta{border:1px solid #ffe0a9;display:flex;justify-content:center;gap:16px;align-items:center;text-align:center;background:linear-gradient(115deg,#bf718b,#9a506e 60%,#b36b7f);color:#fffaf4;box-shadow:0 9px 25px #83465845,inset 0 1px 0 #ffffff70;border-radius:14px;padding:13px 19px;width:100%;min-height:49px;font-weight:760;transition:transform .22s,box-shadow .22s}.cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #884a6c60}.cta span{color:#ffe5bb;font-size:22px}.unlock-form .cta{margin-top:11px}.form-feedback{font-size:12px;min-height:18px;text-align:center;margin:7px auto;line-height:1.5}.form-feedback.error{color:#e35c62;background:#fff4ef;border-radius:8px;padding:5px}.form-feedback.success{color:#31835b;background:#e8f9ed;border-radius:8px;padding:7px}.gateway .form-feedback.error{color:#ffe2dc;background:#a6374659}.gateway .form-feedback.success{color:#e7fddb;background:#3c81505c}.hint{text-align:center;font-size:12px;color:#edc8c0;margin-top:12px}.gateway.is-opening .portal-lock{animation:unlock-lock 1.25s ease-in forwards}.gateway.is-opening .portal-key{animation:unlock-key 1.1s ease-in forwards}.gateway.is-opening:before{content:"";position:fixed;inset:0;background:radial-gradient(circle,#fffdeb 5%,#ffceaf 40%,#ffffff00 73%);animation:open-flash 1.35s ease-in forwards;z-index:20;pointer-events:none}
/* El libro: cubierta, pliegue, cuatro escenas animadas */
.experience{width:min(1160px,calc(100% - 36px));margin:8px auto 40px}.book-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:5px 15px 20px;gap:14px}.chapter-caption{font:italic 19px Georgia,serif;color:#f8e8db;margin-top:5px}.chapter-count{font:23px Georgia,serif;color:#ffedce;white-space:nowrap}.chapter-count b{font-size:15px;font-weight:400;color:#d5b28e;padding:0 7px}.story-stage{perspective:1600px;position:relative;padding:16px 17px 21px;border-radius:13px 23px 23px 13px;background:linear-gradient(90deg,#bb875e,#e8c092 2%,#fff4d8 3%,#ceaa83 4%,#f8dfb8 99%,#906144 100%);box-shadow:0 25px 65px #0e0a1880,0 0 0 1px #ecd4b086}.book-edge{pointer-events:none;position:absolute;inset:9px 10px 8px 15px;border-radius:12px 18px 18px 12px;background:repeating-linear-gradient(#eee0c6 0,#eee0c6 2px,#c7a989 3px,#fff8e5 4px);box-shadow:4px 7px 0 #c9a583;transform:translateY(6px)}.book-ribbon{position:absolute;z-index:4;left:50%;bottom:-20px;height:38px;width:23px;background:linear-gradient(90deg,#c37c8f,#ebc1bc,#bb6e83);clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);filter:drop-shadow(0 6px 4px #1b1219)}.book{position:relative;z-index:1;min-height:580px;overflow:hidden;border-radius:8px 17px 17px 8px;background:var(--paper);box-shadow:inset 8px 0 12px #80624935,inset -6px 0 13px #cdb59450}.book:before{content:"";position:absolute;z-index:3;left:50%;top:0;bottom:0;width:14px;transform:translateX(-50%);background:linear-gradient(90deg,#c08d6c2b,#ffffff87 46%,#bc99843d);pointer-events:none}.story-page{min-height:580px;display:grid;grid-template-columns:49% 51%;position:relative;color:var(--ink);overflow:hidden;background:linear-gradient(140deg,var(--paper),#fffef9 52%,var(--paper2));isolation:isolate}.story-page[hidden]{display:none}.story-page.is-active{animation:page-arrive .45s ease-out both}.art-side{position:relative;min-width:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,#fffce4 0%,#e7c4bc 43%,#b97f9e 85%);isolation:isolate}.art-side:before{content:"";position:absolute;inset:5%;border:1px solid #fff9dea9;border-radius:48% 48% 8% 8% / 42% 42% 8% 8%;box-shadow:0 0 0 11px #ffffff18,inset 0 0 40px #fff3d178}.art-side:after{content:"✽　✧　✽";position:absolute;left:0;right:0;top:6%;font:22px Georgia,serif;text-align:center;color:#f8f1cf;letter-spacing:17px;filter:drop-shadow(0 2px 2px #bd9993)}.art-ceremony{background:radial-gradient(circle at 60% 35%,#fffbda,#e9bac1 54%,#986f9d)}.art-celebration{background:radial-gradient(circle at 40% 30%,#fdf3d9,#d5c2b7 46%,#9da89c)}.art-reply{background:radial-gradient(circle at 48% 30%,#fff8e0,#d5c0e0 57%,#a794bc)}.art-moon{position:absolute;top:18%;left:20%;width:60%;aspect-ratio:1;background:#fffae0c7;border-radius:50%;filter:blur(24px);z-index:-1}.art-aura{position:absolute;inset:0;background:radial-gradient(circle at 50% 62%,#fff0ab99,transparent 60%);animation:glow 6s ease-in-out infinite alternate}.scene-image{max-width:85%;max-height:420px;width:auto;height:auto;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 22px 21px #755e6477);transform-origin:50% 100%}.is-active .scene-image{animation:popup 1.1s cubic-bezier(.12,.65,.19,1.14) both,artfloat 6s 1.1s ease-in-out infinite}.scene-intro{max-height:395px;max-width:80%;border-radius:44% 44% 12% 12%;mask-image:linear-gradient(#000 83%,transparent 100%)}.scene-church{max-width:91%;max-height:410px;mask-image:linear-gradient(#000 82%,transparent)}.scene-garden{max-width:80%;max-height:390px;mask-image:linear-gradient(#000 83%,transparent)}.scene-dove{max-width:68%;max-height:290px;transform:translateY(-40px)}.paper-ground{position:absolute;bottom:0;left:-6%;right:-6%;height:26%;z-index:2;background:linear-gradient(transparent,#f6dabb66 32%,#f1c7bbbe 75%,#c88fabc7);clip-path:ellipse(85% 60% at 50% 98%);pointer-events:none}.art-ceremony .paper-ground{background:linear-gradient(transparent,#d3c4da77,#ac8cadc7)}.art-celebration .paper-ground{background:linear-gradient(transparent,#dae2b488,#9bb39ab8)}.art-shimmer,.sparkle{position:absolute;z-index:3;color:#fff4d8;text-shadow:0 0 8px #fff7c1,0 0 18px #fff6be;animation:twinkle 3s ease-in-out infinite}.shimmer-a{top:24%;left:16%;font-size:44px}.shimmer-b{top:29%;right:16%;font-size:27px;animation-delay:-1.5s}.shimmer-c{bottom:30%;left:23%;animation-delay:-2.4s}.sparkle.s1{top:26%;left:22%;font-size:45px}.sparkle.s2{top:19%;right:15%;font-size:27px;animation-delay:-2s}.sparkle.s3{bottom:27%;right:13%;font-size:40px;animation-delay:-1s}.flower-layer{position:absolute;z-index:4;bottom:10%;font-size:66px;color:#f7b7bc;text-shadow:0 7px 12px #b2747f54;animation:levitate 5s ease-in-out infinite}.f1{left:-3%}.f2{right:-3%;animation-delay:-2s;color:#ffdfd9}.floating-note{position:absolute;z-index:4;left:12%;right:12%;bottom:7%;background:#fffdf4e9;border:1px solid #fff;padding:18px;border-radius:14px;text-align:center;color:#8c5d6c;box-shadow:0 14px 33px #8b64814d;backdrop-filter:blur(5px)}.floating-note span{color:#b97f91;font-size:30px}.floating-note p{font:italic 18px/1.5 Georgia,serif;margin:0}.paper-side{padding:35px 38px 30px;position:relative;display:grid;place-items:center;min-width:0;background:radial-gradient(circle at 88% 8%,#e9d4b850,transparent 30%),linear-gradient(142deg,#fffcf6,#fff5e9 90%)}.paper-side:before{content:"";position:absolute;inset:16px;border:1px solid #e3bf9c9f;pointer-events:none;border-radius:4px 12px 12px 4px}.paper-side:after{content:"❦";position:absolute;top:10px;right:20px;font:37px Georgia,serif;color:#c6a77785;pointer-events:none}.paper-border{width:min(100%,440px);text-align:center;position:relative;z-index:1;padding:18px 0}.chapter-label{font:700 10px/1.5 system-ui,sans-serif;letter-spacing:.18em;color:#b78b6a;margin:0 0 23px}.intro-small{font:italic 20px Georgia,serif;color:var(--muted);margin:0 0 8px}.story-heading{font:400 clamp(37px,4.5vw,64px)/1.08 Georgia,serif;margin:5px 0 12px;color:var(--ink);letter-spacing:-.05em}.story-heading em{display:inline;color:var(--rose)}.child-name{font:400 clamp(31px,3.3vw,48px)/1.25 Georgia,serif;color:var(--ink);margin:10px 0}.ornament{color:#c6a070;letter-spacing:11px;font-size:18px}.story-copy{font:16px/1.6 Georgia,serif;color:#8c6970;margin:12px auto 19px;max-width:340px}.date-badge{display:inline-flex;border:1px solid #d2ae92;padding:10px 19px;border-radius:99px;background:#fff6ed;color:#8a6653;font:600 13px Georgia,serif;box-shadow:0 4px 13px #b88b7721}.dedication{display:inline-block;font:italic 16px Georgia,serif;background:var(--soft);border:1px solid #eacabc;padding:9px 15px;border-radius:99px;color:var(--rose);margin:0 0 19px;max-width:100%;overflow-wrap:anywhere}.paper-flourish{position:absolute;bottom:-30px;left:0;right:0;text-align:center;color:#caa987;font:34px Georgia,serif}.information-card{display:flex;gap:13px;align-items:flex-start;text-align:left;background:#fffdf9;border:1px solid #ead7c4;border-radius:15px;padding:14px;margin:18px auto 8px;box-shadow:0 7px 18px #9f716c12;max-width:340px}.info-symbol{flex:none;display:grid;place-items:center;background:var(--soft);color:var(--rose);border-radius:50%;width:43px;height:43px;font-size:22px}.information-card div{min-width:0;display:flex;flex-direction:column;gap:4px}.information-card strong{font:700 15px Georgia,serif;color:var(--ink)}.information-card span:not(.info-symbol){color:#80666a;font-size:12px;overflow-wrap:anywhere}.information-card .time{font-weight:700;color:var(--rose)!important}.links{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.ghost-link{display:inline-flex;font-weight:750;font-size:12px;padding:9px 14px;background:#fffaf3;border:1px solid #dec3aa;border-radius:99px;color:var(--rose);text-decoration:none;margin:4px}.ghost-link:hover{background:var(--soft)}.timeline-block{margin-top:10px}.timeline-block h3{font:italic 18px Georgia,serif;color:var(--rose);margin:10px 0}.timeline{list-style:none;padding:0 10px;margin:8px auto;max-width:300px;position:relative}.timeline:before{content:"";position:absolute;top:8px;bottom:8px;left:22px;width:1px;background:#dbc4af}.timeline li{display:flex;gap:12px;text-align:left;align-items:center;position:relative;margin:7px 0}.timeline .step{flex:none;width:31px;height:31px;border:1px solid #d8b9a1;background:#fffbf6;border-radius:50%;color:var(--rose);display:grid;place-items:center;font-size:17px}.timeline strong{font-size:12px;color:var(--ink);display:block}.timeline small{font-size:11px;color:var(--muted)}
/* Confirmación: compacta, sin repetir nombre en enlace individual */
.paper-rsvp{align-items:center}.paper-rsvp .paper-border{padding:4px 0}.paper-rsvp .chapter-label{margin-bottom:9px}.paper-rsvp .story-heading{font-size:clamp(34px,4vw,50px);margin-bottom:4px}.paper-rsvp .story-copy{font-size:13px;margin:5px auto 9px}.rsvp-form{display:grid;gap:9px;text-align:left;max-width:365px;margin:6px auto 0}.rsvp-form label,.choice-field legend{font-weight:720;font-size:11px;color:var(--ink)}.field{display:grid;gap:4px}.field input,.field select,.field textarea{border:1px solid #dccbbf;background:#fffefa;color:#4c343d;border-radius:10px;padding:8px 11px;width:100%;min-height:38px;font-size:12px;outline-color:#d6a778}.field textarea{resize:vertical;min-height:53px;max-height:130px}.field small{font-size:10px;font-weight:450}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-field{margin:0;border:0;padding:0;min-width:0}.choice-field legend{padding-bottom:5px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-row label{cursor:pointer}.choice-row input{position:absolute;opacity:0;width:1px;height:1px}.choice-row span{display:grid;place-items:center;text-align:center;min-height:39px;background:#fffbf7;border:1px solid #ddc8c1;color:#81616b;border-radius:10px;padding:8px 4px;font-size:12px}.choice-row input:checked+span{background:#e6f2e5;border-color:#9bc8a5;color:#407354}.choice-row label:nth-child(2) input:checked+span{background:#fbe5e9;border-color:#d9a5b1;color:#a45969}.choice-row input:focus-visible+span{outline:3px solid #d6a778}.rsvp-form .cta{min-height:42px;padding:8px 14px;font-size:12px;margin-top:1px}.rsvp-fine{text-align:center;font-size:10px;color:#977e81;margin:0}.guest-greeting{padding:9px 12px;border-radius:10px;background:var(--soft);color:var(--rose);text-align:center;font:italic 15px Georgia,serif;border:1px solid #e4c3c1}.details-chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:0 auto 12px}.details-chips div{display:flex;gap:5px;max-width:100%;align-items:baseline;font-size:11px;background:#fff6ed;border:1px solid #eed5c2;border-radius:99px;padding:5px 9px;color:#8c7274}.details-chips b{color:var(--rose)}.honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.notice{background:#fff0e8;border:1px solid #ddb7a3;color:#8d535e;border-radius:11px;padding:15px;font-size:13px}.controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:23px}.nav-circle{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;font-size:33px;line-height:1;color:#7c4c67;background:#fff6e8;border:2px solid #f7dfba;box-shadow:0 8px 19px #18101d60;transition:transform .2s}.nav-circle:hover:not(:disabled){transform:scale(1.1)}.page-dots{display:flex;gap:11px}.page-dots button{border:1px solid #eed6b3;width:12px;height:12px;border-radius:50%;padding:0;background:#ab8b92;transition:width .2s,background .2s}.page-dots button[aria-selected=true]{width:36px;background:#f1ce9d;border-color:#fff0da;border-radius:15px}.swipe-tip{text-align:center;font-size:12px;color:#e0c8c6;margin:14px}.footer{text-align:center;color:#e3c2b9;font:italic 13px Georgia,serif;padding:8px 16px 24px}.footer span{color:#efce91;margin-left:9px}.turn-leaf{position:absolute;z-index:9;inset:16px 17px 21px auto;width:49%;pointer-events:none;opacity:0;backface-visibility:hidden;transform-style:preserve-3d;transform-origin:left center;background:linear-gradient(100deg,#bf998b,#fffcf2 15%,#fff5e8 93%,#d9b899);box-shadow:0 8px 20px #755e6677;border-radius:2px 15px 15px 2px;display:grid;place-items:center;color:#bdaa91;font-size:90px}.turn-next .turn-leaf{animation:leaf-turn .72s cubic-bezier(.38,.07,.57,.96)}.turn-prev .turn-leaf{animation:leaf-back .72s cubic-bezier(.38,.07,.57,.96)}
@keyframes popup{0%{opacity:0;transform:translateY(80px) scale(.8) rotateX(-40deg)}65%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes artfloat{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes levitate{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes keyhover{0%,100%{transform:rotate(35deg) translateY(0)}50%{transform:rotate(27deg) translateY(-17px)}}@keyframes petalfall{0%,100%{transform:rotate(0) translateY(0)}50%{transform:rotate(30deg) translateY(-22px)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes glow{to{opacity:.45;transform:scale(1.12)}}@keyframes twinkle{0%,100%{opacity:.35;transform:scale(.7)}55%{opacity:1;transform:scale(1.2)}}@keyframes starshine{to{opacity:.25}}@keyframes page-arrive{from{opacity:.65;filter:brightness(1.2)}to{opacity:1;filter:brightness(1)}}@keyframes leaf-turn{0%{opacity:0;transform:rotateY(0)}10%{opacity:1}87%{opacity:1}100%{opacity:0;transform:rotateY(-176deg)}}@keyframes leaf-back{0%{opacity:0;transform:rotateY(-176deg)}10%{opacity:1}87%{opacity:1}100%{opacity:0;transform:rotateY(0)}}@keyframes unlock-key{0%{transform:translate(0,0) rotate(35deg)}43%{transform:translate(-82px,-32px) rotate(10deg)}100%{transform:translate(-82px,-32px) rotate(100deg) scale(.6);opacity:0}}@keyframes unlock-lock{0%,38%{transform:scale(1)}100%{transform:scale(1.65);opacity:0;filter:brightness(2)}}@keyframes open-flash{0%,35%{opacity:0}75%{opacity:1}100%{opacity:1}}
@media(max-width:960px){.experience{width:calc(100% - 28px)}.book{min-height:530px}.story-page{min-height:530px}.paper-side{padding:27px}.chapter-label{margin-bottom:11px}.scene-image{max-height:355px}.story-copy{font-size:15px}.intro-small{font-size:18px}}
@media(max-width:700px){.header{padding:12px 16px}.brand{font-size:15px}.sound-toggle{padding:8px 11px}.sound-toggle span{display:none}.gateway{padding:4px 12px 25px;min-height:calc(100svh - 110px)}.gate-frame{grid-template-columns:1fr;gap:0;padding:15px 23px 20px;border-radius:22px;max-width:520px}.portal-decor{height:240px;aspect-ratio:auto}.portal-ring{height:205px;width:205px}.ring-b{height:240px;width:240px}.portal-lock{height:245px;max-width:200px;width:auto}.portal-key{width:54px;height:100px;right:17%;bottom:4%}.gateway-copy h1{font-size:clamp(35px,8vw,45px);margin:10px auto}.gateway-copy .overline{font-size:9px;letter-spacing:.12em}.gate-description{font-size:13px;margin-bottom:10px}.unlock-form{margin:12px auto 0}.hint{font-size:11px}.personal-greeting{font-size:12px;margin:2px auto 5px}.experience{width:calc(100% - 16px);margin-top:2px}.book-heading{margin:3px 9px 12px}.overline{font-size:9px}.chapter-caption{font-size:15px}.chapter-count{font-size:18px}.story-stage{padding:8px 9px 13px;border-radius:9px 16px 16px 9px}.book{border-radius:5px 13px 13px 5px;min-height:665px}.book:before{display:none}.book-edge{inset:6px 5px}.book-ribbon{left:10%;bottom:-14px;height:27px;width:16px}.story-page{grid-template-columns:1fr;grid-template-rows:242px auto;min-height:665px}.art-side:before{inset:5% 15% 0;border-radius:48% 48% 14% 14%}.art-side:after{top:2%;font-size:15px}.art-moon{top:10%;width:46%;left:27%}.scene-image{max-width:60%;max-height:210px}.scene-intro{max-height:205px;max-width:60%}.scene-church{max-height:233px;max-width:67%}.scene-garden{max-height:225px;max-width:55%}.scene-dove{max-height:205px;max-width:52%}.paper-ground{height:33%}.floating-note{right:12%;left:auto;bottom:11%;width:35%;padding:9px;font-size:12px}.floating-note p{font-size:11px}.floating-note span{font-size:16px}.paper-side{min-height:405px;padding:10px 24px 25px;align-items:start}.paper-side:before{inset:11px}.paper-side:after{top:2px;font-size:25px;right:20px}.paper-border{padding:13px 0 23px;max-width:440px}.chapter-label{margin-bottom:12px;font-size:9px}.intro-small{font-size:16px;margin-bottom:5px}.story-heading{font-size:clamp(34px,8.5vw,45px);margin:3px 0 7px}.child-name{font-size:clamp(27px,7vw,36px);margin:7px 0}.story-copy{font-size:14px;line-height:1.5;margin:8px auto 12px}.date-badge{font-size:12px}.ornament{font-size:13px}.paper-flourish{bottom:-10px}.dedication{margin-bottom:8px;font-size:13px}.information-card{margin:10px auto 5px;padding:9px 11px}.information-card .info-symbol{height:33px;width:33px;font-size:16px}.information-card strong{font-size:13px}.information-card span:not(.info-symbol){font-size:11px}.ghost-link{font-size:11px;padding:7px 10px}.timeline-block h3{margin:4px}.timeline{margin:5px auto}.timeline li{margin:5px}.timeline .step{width:27px;height:27px}.paper-rsvp{padding:6px 25px 22px}.paper-rsvp .story-heading{font-size:35px}.paper-rsvp .chapter-label{margin:8px auto 4px}.paper-rsvp .story-copy{font-size:12px;margin:3px auto 5px}.paper-rsvp .paper-border{padding:0}.rsvp-form{gap:7px;margin-top:5px}.controls{margin-top:17px}.nav-circle{width:43px;height:43px;font-size:29px}.swipe-tip{font-size:11px;margin:10px}.turn-leaf{inset:8px 9px 13px auto;width:95%}}
@media(max-width:390px){.story-page{grid-template-rows:200px auto;min-height:630px}.book{min-height:630px}.paper-side{padding-left:20px;padding-right:20px}.scene-image{max-height:188px}.scene-intro{max-height:185px}.scene-garden{max-height:190px}.scene-church{max-height:194px}.chapter-label{font-size:8px}.paper-rsvp .story-heading{font-size:31px}.floating-note{padding:6px}.details-chips{margin-bottom:4px}.story-heading{font-size:35px}.form-grid{grid-template-columns:1fr;gap:6px}}
@media(max-width:330px){.story-page{grid-template-rows:175px auto}.story-page,.book{min-height:650px}.paper-side{padding:8px 14px}.scene-image{max-height:164px}.form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.story-tagline{font:italic 16px/1.4 Georgia,serif;color:var(--rose);margin:3px auto 10px}
@media(max-width:700px){.story-tagline{font-size:13px;margin:2px auto 6px}}
/* Tamaño visual real de los elementos pop-up en pantallas anchas. */
@media(min-width:701px){.scene-image{width:78%;height:auto}.scene-intro{width:70%;max-width:390px}.scene-church{width:87%;max-width:470px}.scene-garden{width:63%;max-width:315px}.scene-dove{width:55%;max-width:275px}}