:root{--ink:#14344d;--ink2:#245a7b;--sky:#dff4ff;--sky2:#b9e4f8;--cream:#fffdf8;--white:#fff;--sand:#e4c8aa;--peach:#f2c5ae;--mint:#c7eadf;--shadow:0 25px 70px rgba(25,76,108,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}body.intro-open{overflow:hidden}a,button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.section{padding:112px 0}.eyebrow{display:inline-block;color:#3f8eb8;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:800}.eyebrow.light{color:#aee2fb}h1,h2,h3{font-family:"Fraunces",serif;margin:0;line-height:1.04}h2{font-size:clamp(2.6rem,5.2vw,4.7rem);letter-spacing:-.045em}.section-heading{max-width:760px;margin-bottom:55px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading p{color:#657d8f;line-height:1.8;font-size:1.04rem}.btn{min-height:54px;padding:0 24px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--ink);color:#fff;box-shadow:0 14px 32px rgba(20,52,77,.24)}.btn.glass{background:rgba(255,255,255,.78);color:var(--ink);border:1px solid rgba(20,52,77,.1)}.btn.pale{background:#fff;color:var(--ink)}.btn.full{width:100%}.cinema-intro{position:fixed;inset:0;z-index:1000;background:radial-gradient(circle at 50% 55%,#193d57,#081b29 65%);color:#fff;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;transition:opacity .8s,visibility .8s}.cinema-intro.done{opacity:0;visibility:hidden}.skip-intro{position:absolute;right:20px;top:20px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#d8eaf4;border-radius:999px;padding:9px 14px;cursor:pointer}.intro-heart{width:90px;height:90px;display:grid;place-items:center;margin-bottom:30px}.intro-heart span{width:34px;height:34px;background:#f3a79e;position:relative;transform:rotate(45deg);animation:beat 1.1s infinite;box-shadow:0 0 40px rgba(243,167,158,.5)}.intro-heart span:before,.intro-heart span:after{content:"";position:absolute;width:34px;height:34px;border-radius:50%;background:inherit}.intro-heart span:before{left:-17px}.intro-heart span:after{top:-17px}@keyframes beat{0%,100%{transform:rotate(45deg) scale(.9)}15%{transform:rotate(45deg) scale(1.18)}30%{transform:rotate(45deg) scale(.94)}45%{transform:rotate(45deg) scale(1.08)}}.intro-line,.intro-title,.enter-story{opacity:0;transform:translateY(16px);animation:introShow 1.3s forwards}.line-1{animation-delay:.7s}.line-2{animation-delay:2.4s}.intro-title{font-size:clamp(3rem,7vw,6rem);animation-delay:4.2s}.intro-title em{color:#95d6f4}.enter-story{animation-delay:5.8s;border:1px solid rgba(255,255,255,.25);background:#fff;color:var(--ink);padding:14px 22px;border-radius:999px;font-weight:800;cursor:pointer}@keyframes introShow{to{opacity:1;transform:none}}.ambient-sky{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.ambient-particle{position:absolute;color:#fff;filter:drop-shadow(0 0 8px #83c9ea);animation:ambientFloat linear infinite}@keyframes ambientFloat{from{transform:translateY(108vh) rotate(0);opacity:0}10%,85%{opacity:.75}to{transform:translateY(-20vh) rotate(220deg);opacity:0}}.floating-tools{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;gap:8px}.floating-tools button{border:1px solid rgba(20,52,77,.12);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);color:var(--ink);border-radius:999px;padding:11px 15px;box-shadow:0 12px 30px rgba(20,52,77,.12);cursor:pointer;font-weight:800}.guide{position:fixed;left:20px;bottom:20px;z-index:75}.guide-character{width:72px;height:72px;border:0;border-radius:50%;background:#d9c0a6;box-shadow:0 15px 35px rgba(20,52,77,.18);position:relative;cursor:pointer}.guide-ear{position:absolute;width:28px;height:28px;background:#cda986;border-radius:50%;top:-3px}.guide-ear.left{left:3px}.guide-ear.right{right:3px}.guide-face{position:absolute;inset:11px 9px 7px;border-radius:48%;background:#e9cfb3}.guide-face i{position:absolute;width:5px;height:5px;background:var(--ink);border-radius:50%;top:22px}.guide-face i:first-child{left:14px}.guide-face i:nth-child(2){right:14px}.guide-face b{position:absolute;width:10px;height:7px;background:var(--ink);border-radius:50%;left:50%;top:32px;transform:translateX(-50%)}.guide-bubble{position:absolute;left:82px;bottom:4px;width:270px;background:#fff;border-radius:20px;padding:18px 38px 18px 18px;box-shadow:var(--shadow)}.guide-bubble[hidden]{display:none}.guide-bubble button{position:absolute;right:9px;top:7px;border:0;background:transparent;font-size:1.3rem;cursor:pointer}.guide-bubble p{margin:6px 0 0;color:#647b8d;line-height:1.55;font-size:.88rem}.hero{min-height:930px;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 17%,rgba(255,255,255,.9),transparent 22%),linear-gradient(180deg,#dff4ff,#edfaff 75%,#fffdf8)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{text-decoration:none;color:var(--ink);font-family:"Fraunces",serif;font-weight:700;font-size:1.25rem}.brand span{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--ink);color:#fff;margin-right:7px}.nav-links{display:flex;gap:23px}.nav-links a{text-decoration:none;color:var(--ink);font-size:.86rem;font-weight:700}.nav-meet{background:#fff;border:1px solid rgba(20,52,77,.12);color:var(--ink);text-decoration:none;border-radius:999px;padding:10px 16px;font-weight:800}.hero-content{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:760px;gap:50px;position:relative;z-index:3}.hero-copy h1{font-size:clamp(4rem,7.4vw,7.2rem);letter-spacing:-.065em;margin:15px 0 24px}.hero-copy h1 em{color:#3f8eb8}.hero-copy>p{max-width:640px;color:#597387;font-size:1.08rem;line-height:1.8}.event-card{display:inline-flex;align-items:center;gap:15px;margin:26px 0 22px;padding:12px 20px 12px 12px;background:rgba(255,255,255,.78);border:1px solid rgba(63,142,184,.16);border-radius:20px;box-shadow:0 14px 40px rgba(35,100,140,.1)}.date-box{width:57px;height:60px;border-radius:15px;background:var(--ink);color:#fff;display:grid;place-items:center;align-content:center}.date-box strong{font-family:"Fraunces",serif;font-size:1.4rem;line-height:1}.date-box span{font-size:.63rem;letter-spacing:.12em}.event-card small,.event-card b{display:block}.event-card small{color:#6a8191;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{height:570px;position:relative;display:grid;place-items:center}.planet-ring{position:absolute;width:470px;height:470px;border-radius:50%;border:1px solid rgba(73,151,193,.18);box-shadow:0 0 0 35px rgba(255,255,255,.22),0 0 0 70px rgba(255,255,255,.12)}.crescent{width:310px;height:310px;border-radius:50%;background:#fff;box-shadow:-35px 30px 70px rgba(57,130,168,.16);position:relative}.crescent:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#dff4ff;left:88px;top:-18px}.hero-bear{position:absolute;width:190px;height:240px;left:44%;top:47%;transform:translate(-50%,-50%) rotate(-5deg);z-index:3;animation:bearFloat 4.5s ease-in-out infinite}@keyframes bearFloat{50%{transform:translate(-50%,calc(-50% - 13px)) rotate(2deg)}}.bear-head{position:absolute;width:126px;height:108px;background:var(--sand);border-radius:48%;left:32px;top:25px;z-index:2}.bear-ear{position:absolute;width:47px;height:47px;border-radius:50%;background:#d5b493;top:15px}.bear-ear.left{left:29px}.bear-ear.right{right:29px}.bear-head i{position:absolute;width:7px;height:7px;background:var(--ink);border-radius:50%;top:43px}.bear-head i.left{left:34px}.bear-head i.right{right:34px}.bear-head b{position:absolute;width:15px;height:10px;background:var(--ink);border-radius:50%;left:56px;top:62px}.bear-body{position:absolute;width:142px;height:125px;background:var(--sand);border-radius:55% 55% 35% 35%;left:24px;top:113px}.star{position:absolute;color:#fff;font-size:2rem;animation:twinkle 1.8s infinite}.st1{left:15%;top:18%}.st2{right:10%;top:28%;animation-delay:.5s}.st3{right:18%;bottom:19%;animation-delay:1s}@keyframes twinkle{50%{opacity:.25;transform:scale(.7)}}.floating-balloon{position:absolute;width:52px;height:66px;border-radius:50%;box-shadow:inset -8px -8px rgba(0,0,0,.04);animation:balloon 5s ease-in-out infinite}.floating-balloon:after{content:"";position:absolute;width:1px;height:85px;background:#92aebb;left:50%;top:65px}.fb1{right:7%;top:8%;background:#f2c1ab}.fb2{left:8%;bottom:13%;background:#bce7d9;animation-delay:1.5s}@keyframes balloon{50%{transform:translateY(-17px) rotate(3deg)}}.countdown-section{background:var(--ink);color:#fff;padding:90px 0}.countdown-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.countdown-layout h2{font-size:clamp(2.7rem,5vw,4.4rem)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.countdown>div{text-align:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:24px 8px}.countdown strong{display:block;font-family:"Fraunces",serif;font-size:clamp(2.2rem,4vw,3.8rem)}.countdown span{display:block;color:#c4deea;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.timezone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.timezone-grid article{position:relative;text-align:center;background:#fff;border:1px solid #edf2f5;border-radius:28px;padding:34px;box-shadow:0 15px 42px rgba(31,82,113,.07)}.timezone-grid article.main-time{background:var(--sky);transform:translateY(-12px);border-color:#abdcef}.timezone-grid article>span{display:grid;place-items:center;width:65px;height:65px;border-radius:21px;background:#effaff;margin:0 auto 17px;font-size:2rem}.timezone-grid small,.timezone-grid strong,.timezone-grid em{display:block}.timezone-grid small{color:#4788aa;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.timezone-grid strong{font-family:"Fraunces",serif;font-size:2.75rem;margin:8px 0}.timezone-grid em{font-style:normal;color:#708392}.journey-section{background:#f5fbfe}.journey-track{position:relative}.journey-track:before{content:"";position:absolute;left:50%;top:30px;bottom:30px;width:4px;background:#d6eaf4;border-radius:99px;transform:translateX(-50%)}.journey-progress{position:absolute;left:50%;top:30px;width:4px;height:0;background:#4ba0ca;border-radius:99px;transform:translateX(-50%);z-index:2}.journey-card{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;position:relative;margin:75px 0}.journey-card.reverse .journey-photo{order:2}.journey-number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;z-index:3;font-weight:800;box-shadow:0 0 0 9px var(--sky)}.journey-photo{padding:10px;background:#fff;border-radius:27px;box-shadow:var(--shadow);transform:rotate(-2deg)}.journey-card.reverse .journey-photo{transform:rotate(2deg)}.journey-photo img{width:100%;height:410px;object-fit:cover;border-radius:19px;display:block}.journey-photo.ultrasound-card img{object-fit:contain;background:#161616}.journey-card small{color:#438db3;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.journey-card h3{font-size:2.45rem;margin:9px 0 13px}.journey-card p{color:#687e8e;line-height:1.8}.heartbeat-section{background:#fff}.heartbeat-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:center;padding:60px;border-radius:38px;background:linear-gradient(135deg,#fff3ef,#e9f8ff);box-shadow:var(--shadow)}.heartbeat-visual{height:260px;position:relative;display:grid;place-items:center;overflow:hidden}.heartbeat-visual button{width:120px;height:120px;border:0;border-radius:50%;background:#fff;color:#e98883;font-size:4rem;cursor:pointer;box-shadow:0 20px 50px rgba(202,113,107,.18);z-index:2}.heartbeat-visual button.playing{animation:beatCircle .85s infinite}@keyframes beatCircle{50%{transform:scale(1.1);box-shadow:0 0 0 22px rgba(234,137,132,.12)}}.heartbeat-line{position:absolute;width:100%;height:2px;background:#e5a09c}.heartbeat-line:before{content:"";position:absolute;left:0;right:0;top:-55px;height:110px;background:linear-gradient(90deg,transparent 0 35%,#e48883 35% 36%,transparent 36% 42%,#e48883 42% 44%,transparent 44% 100%);clip-path:polygon(0 50%,35% 50%,38% 15%,41% 88%,44% 50%,100% 50%)}.heartbeat-card p{color:#657c8d;line-height:1.8}.heartbeat-card small{color:#8b9ca8}.ultrasound-section{background:#122a3d;color:#fff}.ultrasound-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center}.ultrasound-layout p{color:#c8dbe6;line-height:1.8}.ultrasound-interactive{position:relative;border:12px solid rgba(255,255,255,.08);border-radius:29px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28)}.ultrasound-interactive img{width:100%;display:block}.scan-point{position:absolute;width:32px;height:32px;border:0;border-radius:50%;background:rgba(113,209,245,.22);cursor:pointer;display:grid;place-items:center}.scan-point span{width:10px;height:10px;border-radius:50%;background:#9be7ff;box-shadow:0 0 0 8px rgba(155,231,255,.16),0 0 22px #9be7ff;animation:scanPulse 1.4s infinite}@keyframes scanPulse{50%{transform:scale(.65);opacity:.55}}.scan-point.p1{left:56%;top:30%}.scan-point.p2{left:63%;top:44%}.scan-point.p3{left:45%;top:51%}.scan-label{position:absolute;left:20px;bottom:20px;background:rgba(255,255,255,.92);color:var(--ink);padding:10px 14px;border-radius:12px;font-weight:800}.model-section{background:linear-gradient(135deg,#173d59,#276b8f);color:#fff}.model-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:center}.model-copy p{color:#cbe0eb;line-height:1.8}.growth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.growth-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:19px;padding:18px}.growth-grid strong,.growth-grid span{display:block}.growth-grid strong{font-family:"Fraunces",serif;font-size:1.75rem}.growth-grid span{color:#c6dde8;font-size:.75rem;margin-top:6px}.medical-note{font-size:.78rem!important}.model-shell{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:30px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.19)}.model-topbar,.model-actions{height:58px;background:rgba(3,23,36,.23);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.model-topbar span{font-size:.72rem;letter-spacing:.12em;font-weight:800}.model-topbar i{display:inline-block;width:8px;height:8px;background:#91e1c6;border-radius:50%;box-shadow:0 0 12px #91e1c6;margin-right:8px}.model-topbar button,.model-actions button{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:8px 13px;cursor:pointer}#noah3d{height:560px;background:radial-gradient(circle,rgba(120,203,243,.15),transparent 62%)}.model-actions{justify-content:center;gap:24px;color:#c8e1ed;font-size:.78rem}.model-actions button{width:38px;height:38px;padding:0;font-size:1.2rem}.gallery-section{overflow:hidden}.parallax-gallery{display:flex;gap:18px;width:max-content;padding:0 6vw 60px;will-change:transform}.parallax-gallery figure{margin:0;width:380px;height:520px;border-radius:30px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.parallax-gallery figure:nth-child(even){transform:translateY(45px)}.parallax-gallery img{width:100%;height:100%;object-fit:cover}.parallax-gallery figcaption{position:absolute;left:15px;right:15px;bottom:15px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);padding:13px;border-radius:15px;text-align:center;font-weight:800}.predictions-section{background:#effaff}.predictions-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}.predictions-layout>div>p{color:#647d8e;line-height:1.8}.prediction-summary{margin-top:28px;display:grid;gap:10px}.prediction-summary article{background:#fff;border-radius:17px;padding:14px 16px;box-shadow:0 8px 24px rgba(34,88,119,.07)}.interactive-form{background:#fff;border-radius:30px;padding:36px;box-shadow:var(--shadow);display:grid;gap:15px}.interactive-form h2{font-size:3.4rem;margin:8px 0}.interactive-form label{color:#496b80;font-size:.78rem;font-weight:800}.interactive-form input,.interactive-form textarea,.interactive-form select{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #dce9f0;border-radius:14px;background:#f9fcfe;color:var(--ink);outline:none}.interactive-form input:focus,.interactive-form textarea:focus,.interactive-form select:focus{border-color:#63b1d7;box-shadow:0 0 0 4px rgba(99,177,215,.12)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-status{min-height:20px;margin:0;font-size:.82rem}.family-section{background:#fff}.family-tree{display:grid;justify-items:center;gap:45px;position:relative}.family-node{min-width:180px;background:#fff;border:1px solid #e8f0f4;border-radius:23px;padding:22px;text-align:center;box-shadow:0 12px 35px rgba(28,80,110,.07);position:relative}.family-node span,.family-node strong,.family-node small{display:block}.family-node span{font-size:2rem}.family-node strong{font-family:"Fraunces",serif;font-size:1.3rem;margin:7px 0}.family-node small{color:#718594}.noah-node{background:var(--sky);min-width:250px}.family-branch{display:flex;gap:50px;position:relative}.family-branch:before{content:"";position:absolute;left:50%;top:-45px;height:45px;border-left:2px dashed #a9d7eb}.family-branch.relatives{gap:25px}.wishes-section{background:linear-gradient(180deg,#e7f7ff,#f8fcfe)}.wishes-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.message-sky-card{background:#fff;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.message-sky-head{height:80px;background:var(--ink);color:#fff;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.message-sky-head small,.message-sky-head strong{display:block}.message-sky-head small{color:#a8d7eb}.message-sky-head button{border:1px solid rgba(255,255,255,.17);background:transparent;color:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}.message-sky{height:520px;position:relative;background:radial-gradient(circle at 72% 20%,rgba(112,191,229,.27),transparent 24%),linear-gradient(155deg,#102c43,#183f5d 58%,#286482);overflow:hidden}.message-sky-card>p{text-align:center;color:#718594;font-size:.78rem}.wish-star{position:absolute;border:0;background:transparent;color:#fff;font-size:var(--size);filter:drop-shadow(0 0 8px #9de4ff);cursor:pointer;animation:starPulse 2.4s infinite;animation-delay:var(--delay)}@keyframes starPulse{50%{opacity:.4;transform:scale(.72)}}.capsule-section{background:#102d43;color:#fff}.capsule-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.capsule-visual{display:grid;place-items:center}.time-capsule{width:320px;height:440px;border-radius:160px;background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.17);box-shadow:inset 0 0 70px rgba(135,213,249,.13),0 35px 80px rgba(0,0,0,.28);display:grid;place-items:center;align-content:center;text-align:center;position:relative}.capsule-star{font-size:4rem;color:#9bdcf7;filter:drop-shadow(0 0 22px #80d2f4)}.time-capsule strong{font-family:"Fraunces",serif;font-size:4rem}.time-capsule small{max-width:170px;color:#bed9e6}.dark-form{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);box-shadow:none}.dark-form p{color:#c7dce7;line-height:1.7}.dark-form label{color:#cbe0eb}.dark-form input,.dark-form textarea{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}.certificate-section{background:#fff}.certificate-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.certificate-card>div>p{color:#647d8e;line-height:1.8}.certificate-name{display:block;color:#496b80;font-size:.78rem;font-weight:800;margin:20px 0 14px}.certificate-name input{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #dce9f0;border-radius:14px}.certificate-card canvas{width:100%;height:auto;border-radius:25px;box-shadow:var(--shadow);background:#eefaff}.finale-section{min-height:690px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,#255d7d,#102a3f 70%);color:#fff;position:relative;overflow:hidden}.finale-content{position:relative;z-index:2}.finale-content>span{color:#9fddf7;font-size:1.8rem}.finale-content p{color:#cbe1ec;font-size:1.15rem}.finale-content h2{max-width:900px;margin:15px auto 25px}.finale-content strong{display:block;margin-bottom:25px}.birth-mode{padding:100px 0;text-align:center;background:#e8f8ff}.birth-mode h2{font-size:5rem}.message-modal{position:fixed;inset:0;z-index:200;background:rgba(6,25,38,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.message-modal[hidden]{display:none}.message-modal>div{width:min(430px,100%);background:#fff;border-radius:25px;padding:32px;position:relative}.message-modal button{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:1.6rem;cursor:pointer}.message-modal blockquote{font-family:"Fraunces",serif;font-size:1.35rem;line-height:1.55;margin:10px 0 22px}.message-modal strong,.message-modal span{display:block}.message-modal span{color:#6b8191;font-size:.84rem}footer{background:#0b2233;color:#fff;text-align:center;padding:48px 20px;display:grid;gap:7px}footer strong{font-family:"Fraunces",serif;font-size:1.2rem}footer span,footer small{color:#adc8d7}@media(max-width:920px){.nav-links{display:none}.hero-content,.countdown-layout,.heartbeat-card,.ultrasound-layout,.model-layout,.predictions-layout,.wishes-layout,.capsule-layout,.certificate-card{grid-template-columns:1fr}.hero-content{padding:55px 0 100px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.hero-art{height:500px}.countdown-layout{text-align:center}.journey-card{gap:50px}.growth-grid{max-width:650px}.family-branch{flex-wrap:wrap;justify-content:center}.certificate-card>div{text-align:center}}@media(max-width:650px){.container{width:min(100% - 26px,1160px)}.section{padding:82px 0}.nav-meet{font-size:.72rem;padding:9px 11px}.brand{font-size:1rem}.hero-copy h1{font-size:3.8rem}.hero-art{transform:scale(.78);margin:-60px -60px -90px}.floating-tools button span{display:none}.guide-bubble{left:0;bottom:82px}.countdown{grid-template-columns:repeat(2,1fr)}.timezone-grid{grid-template-columns:1fr}.timezone-grid article.main-time{transform:none}.journey-track:before,.journey-progress,.journey-number{display:none}.journey-card{grid-template-columns:1fr;gap:22px;margin:58px 0}.journey-card.reverse .journey-photo{order:0}.journey-photo img{height:370px}.journey-card>div:last-child{text-align:center}.heartbeat-card{padding:36px 22px}.growth-grid{grid-template-columns:1fr}.parallax-gallery figure{width:300px;height:430px}.field-grid{grid-template-columns:1fr}.family-branch{gap:15px}.interactive-form{padding:25px}.time-capsule{width:260px;height:370px}.certificate-card canvas{border-radius:16px}.cinema-intro{padding:20px}.intro-title{font-size:3.3rem}}
/* Modelo 3D autosuficiente: no depende de librerías ni CDNs */
.css-model-stage{
  height:560px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  perspective:1100px;
  touch-action:none;
  cursor:grab;
  background:
    radial-gradient(circle at 50% 45%,rgba(146,219,249,.22),transparent 34%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.07),transparent 64%);
}
.css-model-stage:active{cursor:grabbing}
.model-orbit{
  width:390px;height:470px;position:relative;
  transform-style:preserve-3d;
  transform:rotateX(-7deg) rotateY(-20deg) scale(1);
  transition:transform .12s ease-out;
}
.womb-shell{
  position:absolute;inset:15px 28px;
  border-radius:48% 52% 51% 49% / 46% 46% 54% 54%;
  background:
    radial-gradient(circle at 36% 25%,rgba(255,255,255,.38),transparent 16%),
    radial-gradient(circle at center,rgba(117,200,239,.14),rgba(92,166,210,.08) 58%,rgba(255,255,255,.02));
  border:2px solid rgba(174,229,252,.3);
  box-shadow:inset 0 0 75px rgba(134,215,250,.16),0 0 55px rgba(103,194,236,.13);
  transform:translateZ(-35px);
}
.baby-model{
  position:absolute;left:50%;top:50%;width:230px;height:350px;
  transform:translate(-50%,-50%) rotateZ(-15deg) translateZ(35px);
  transform-style:preserve-3d;
  filter:drop-shadow(18px 22px 24px rgba(4,28,43,.25));
}
.baby-part{
  position:absolute;display:block;
  background:
    radial-gradient(circle at 30% 22%,#ffd9c5 0 7%,transparent 8%),
    linear-gradient(145deg,#f4c0a2,#db947d);
  box-shadow:inset -13px -15px 18px rgba(122,65,55,.15),inset 10px 8px 14px rgba(255,240,228,.25);
  transform-style:preserve-3d;
}
.baby-part.head{width:112px;height:123px;left:78px;top:14px;border-radius:48% 52% 45% 55%;transform:translateZ(30px) rotate(11deg)}
.baby-part.torso{width:96px;height:140px;left:55px;top:119px;border-radius:53% 47% 58% 42%;transform:translateZ(12px) rotate(-8deg)}
.baby-part.hips{width:89px;height:72px;left:42px;top:233px;border-radius:50%;transform:translateZ(15px) rotate(14deg)}
.baby-part.arm{width:35px;height:100px;border-radius:50px}
.baby-part.arm-left{left:29px;top:126px;transform:translateZ(25px) rotate(47deg)}
.baby-part.arm-right{left:137px;top:132px;transform:translateZ(-5px) rotate(-55deg)}
.baby-part.forearm{width:29px;height:83px;border-radius:50px}
.baby-part.forearm-left{left:8px;top:184px;transform:translateZ(35px) rotate(-18deg)}
.baby-part.forearm-right{left:174px;top:180px;transform:translateZ(-3px) rotate(22deg)}
.baby-part.hand{width:37px;height:31px;border-radius:48%}
.baby-part.hand-left{left:3px;top:248px;transform:translateZ(38px) rotate(12deg)}
.baby-part.hand-right{left:176px;top:248px;transform:translateZ(0) rotate(-10deg)}
.baby-part.thigh{width:47px;height:112px;border-radius:50px}
.baby-part.thigh-left{left:30px;top:269px;transform:translateZ(30px) rotate(53deg);transform-origin:top}
.baby-part.thigh-right{left:93px;top:268px;transform:translateZ(-2px) rotate(-47deg);transform-origin:top}
.baby-part.calf{width:37px;height:93px;border-radius:50px}
.baby-part.calf-left{left:4px;top:330px;transform:translateZ(35px) rotate(-45deg);transform-origin:top}
.baby-part.calf-right{left:145px;top:327px;transform:translateZ(2px) rotate(42deg);transform-origin:top}
.baby-part.foot{width:58px;height:28px;border-radius:55% 45% 45% 55%}
.baby-part.foot-left{left:-26px;top:389px;transform:translateZ(38px) rotate(13deg)}
.baby-part.foot-right{left:176px;top:385px;transform:translateZ(4px) rotate(-15deg)}
.umbilical-cord{
  position:absolute;left:86px;top:199px;width:105px;height:136px;
  border:9px solid #c47f78;border-left-color:transparent;border-bottom-color:transparent;
  border-radius:50%;transform:translateZ(45px) rotate(16deg);
  box-shadow:4px -3px 8px rgba(92,46,43,.16);
}
.model-star{position:absolute;color:#bfeaff;filter:drop-shadow(0 0 9px #7bd2f5);animation:twinkle 1.9s infinite}
.model-star.ms1{left:35px;top:90px;font-size:25px}.model-star.ms2{right:35px;top:145px;font-size:20px;animation-delay:.6s}.model-star.ms3{right:62px;bottom:65px;font-size:27px;animation-delay:1.1s}
.model-fallback-note{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:.72rem;color:#cce7f3;background:rgba(8,35,52,.34);padding:8px 13px;border-radius:999px;pointer-events:none}
@media(max-width:650px){.css-model-stage{height:470px}.model-orbit{transform:rotateX(-7deg) rotateY(-20deg) scale(.82)}}

/* Experiencia 4D artística V7 */
.scan4d-stage{
  height:560px;position:relative;display:grid;place-items:center;overflow:hidden;
  background:
    radial-gradient(circle at 50% 45%,rgba(224,142,83,.12),transparent 35%),
    radial-gradient(circle at center,rgba(94,180,221,.13),transparent 68%),
    #173f5a;
  touch-action:none;user-select:none;
}
.scan4d-viewport{
  width:min(88%,560px);aspect-ratio:1;position:relative;border-radius:46% 54% 48% 52%/52% 47% 53% 48%;
  overflow:hidden;transform:perspective(1000px) rotateX(-2deg) rotateY(0deg) scale(1);
  transition:transform .12s ease-out,filter .2s;
  box-shadow:
    0 35px 80px rgba(3,20,31,.34),
    inset 0 0 0 1px rgba(255,211,174,.2),
    0 0 0 18px rgba(255,255,255,.025);
  cursor:grab;
}
.scan4d-viewport:active{cursor:grabbing}
.scan4d-viewport img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.08) saturate(.88)}
.scan4d-light{
  position:absolute;inset:-20%;pointer-events:none;
  background:radial-gradient(circle at 35% 25%,rgba(255,229,204,.28),transparent 22%);
  mix-blend-mode:screen;transition:transform .12s ease-out;
}
.scan4d-overlay{position:absolute;left:18px;top:16px;color:#ffe0c7;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.scan4d-overlay span,.scan4d-overlay small{display:block}
.scan4d-overlay span{font-family:"Fraunces",serif;font-size:1.2rem;letter-spacing:.14em}
.scan4d-overlay small{font-size:.58rem;letter-spacing:.13em;margin-top:3px;opacity:.82}
.scan4d-depth{position:absolute;right:18px;bottom:22px;display:flex;gap:5px}
.scan4d-depth i{display:block;width:5px;height:5px;border-radius:50%;background:#ffd1aa;box-shadow:0 0 10px #ffbc83}
.scan4d-depth i:nth-child(2){opacity:.6}.scan4d-depth i:nth-child(3){opacity:.3}
.scan4d-hint{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);white-space:nowrap;
  background:rgba(7,28,42,.62);color:#d7edf7;border:1px solid rgba(255,255,255,.08);
  border-radius:999px;padding:8px 14px;font-size:.7rem;backdrop-filter:blur(8px)}
.model-shell{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.045))}
@media(max-width:650px){
  .scan4d-stage{height:470px}
  .scan4d-viewport{width:92%}
  .scan4d-hint{font-size:.62rem;white-space:normal;width:90%;text-align:center}
}

/* V8: secuencia 4D animada basada en la ecografía real */
.scan4d-stage{padding-bottom:54px}
.scan4d-viewport{
  border-radius:50%;
  animation:scanBreath 5.5s ease-in-out infinite;
}
.scan4d-viewport img{
  transition:opacity .08s linear,filter .16s;
  will-change:contents,transform;
}
.scan4d-viewport.is-changing img{opacity:.92}
.scan4d-timeline{
  position:absolute;left:20px;right:20px;bottom:12px;
  height:35px;display:flex;align-items:center;gap:11px;
  color:#cde6f2;font-size:.66rem;
}
.scan4d-timeline button{
  width:31px;height:31px;border-radius:50%;border:1px solid rgba(255,255,255,.16);
  background:rgba(9,34,50,.48);color:#fff;cursor:pointer;padding:0
}
.scan4d-track{
  flex:1;height:4px;border-radius:99px;background:rgba(255,255,255,.13);
  overflow:hidden
}
.scan4d-track span{
  display:block;height:100%;width:0;background:linear-gradient(90deg,#f0a979,#ffd3ae);
  border-radius:99px;box-shadow:0 0 12px rgba(255,181,124,.6)
}
.scan4d-timeline small{min-width:43px;text-align:right}
@keyframes scanBreath{
  0%,100%{filter:drop-shadow(0 28px 45px rgba(3,18,28,.28))}
  50%{filter:drop-shadow(0 34px 60px rgba(230,133,73,.19))}
}

/* V16 · Ajustes sobre la V8 */
.intro-heart{
  width:105px;
  height:96px;
  display:grid;
  place-items:center;
  margin-bottom:30px;
  filter:drop-shadow(0 0 28px rgba(243,167,158,.36));
}
.intro-heart svg{width:100%;height:100%;overflow:visible}
.intro-heart path{
  fill:#f39d96;
  transform-origin:60px 55px;
  animation:heartBeatClean 1.25s ease-in-out infinite;
}
@keyframes heartBeatClean{
  0%,100%{transform:scale(.92)}
  14%{transform:scale(1.08)}
  28%{transform:scale(.96)}
  42%{transform:scale(1.03)}
  58%{transform:scale(.94)}
}

/* Hide the old CSS heart if cached styles remain */
.intro-heart span{display:none!important}

/* True 3D stage */
.baby3d-stage{
  height:560px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(247,190,157,.20),transparent 28%),
    radial-gradient(circle at 50% 55%,rgba(104,198,239,.14),transparent 60%),
    linear-gradient(160deg,#173c58,#245f82);
  touch-action:none;
}
.baby3d-stage canvas{width:100%!important;height:100%!important;display:block}
.baby3d-loading{
  position:absolute;
  inset:0;
  z-index:5;
  display:grid;
  place-items:center;
  align-content:center;
  gap:16px;
  color:#d9edf6;
  background:linear-gradient(160deg,#173c58,#245f82);
  transition:opacity .45s,visibility .45s;
}
.baby3d-loading.hidden{opacity:0;visibility:hidden}
.baby3d-loading span{
  width:54px;height:54px;border-radius:50%;
  border:3px solid rgba(255,255,255,.17);
  border-top-color:#f1b58f;
  animation:babyLoader 1s linear infinite
}
@keyframes babyLoader{to{transform:rotate(360deg)}}
.baby3d-hud{
  position:absolute;
  left:18px;
  top:16px;
  z-index:4;
  color:#fff;
  pointer-events:none;
}
.baby3d-hud span,.baby3d-hud small{display:block}
.baby3d-hud span{font-size:.7rem;font-weight:800;letter-spacing:.13em}
.baby3d-hud i{
  display:inline-block;width:8px;height:8px;border-radius:50%;
  background:#91e1c6;box-shadow:0 0 12px #91e1c6;margin-right:8px
}
.baby3d-hud small{font-size:.54rem;letter-spacing:.12em;color:#bddce9;margin-top:5px}
.baby3d-hint{
  position:absolute;left:50%;bottom:14px;z-index:4;
  transform:translateX(-50%);
  background:rgba(6,28,42,.56);
  color:#d8edf6;
  border:1px solid rgba(255,255,255,.08);
  padding:8px 14px;border-radius:999px;
  font-size:.67rem;white-space:nowrap;
  pointer-events:none;backdrop-filter:blur(8px)
}

/* Gifts */
.gifts-section{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,213,107,.18),transparent 25%),
    linear-gradient(180deg,#fffaf1,#edf8ff);
}
.gifts-layout{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:50px;
  align-items:center;
  margin-bottom:70px
}
.gifts-copy p{color:#647d8e;line-height:1.8;font-size:1.04rem}
.gift-illustration{
  min-height:180px;
  position:relative;
  margin:22px 0 10px;
}
.gift-box{
  position:absolute;
  display:grid;
  place-items:center;
  width:110px;height:110px;
  border-radius:30px;
  background:#fff;
  box-shadow:0 20px 45px rgba(23,58,82,.11);
  font-size:3.2rem;
  animation:giftFloat 4.5s ease-in-out infinite;
}
.gift-one{left:4%;top:22px;transform:rotate(-8deg)}
.gift-two{left:31%;top:0;animation-delay:.7s}
.gift-three{left:58%;top:34px;transform:rotate(7deg);animation-delay:1.3s}
@keyframes giftFloat{50%{translate:0 -12px}}
.gift-counter{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:13px 17px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 32px rgba(23,58,82,.08)
}
.gift-counter strong{font-family:"Fraunces",serif;font-size:2rem}
.gift-counter span{color:#698090;font-size:.82rem}
.gift-form{position:relative}
.identified-gifts-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:24px
}
.identified-gifts-head h3{font-size:2rem;margin-top:7px}
.identified-gifts-head button{
  border:1px solid #d9e7ee;background:#fff;color:var(--ink);
  border-radius:999px;padding:10px 15px;cursor:pointer;font-weight:800
}
.identified-gifts-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:14px
}
.identified-gift-card{
  background:#fff;
  border:1px solid #e2edf2;
  border-radius:22px;
  padding:22px;
  box-shadow:0 12px 34px rgba(23,58,82,.06)
}
.identified-gift-card>span{font-size:2rem}
.identified-gift-card h4{
  font-family:"Fraunces",serif;font-size:1.35rem;margin:12px 0 8px
}
.identified-gift-card strong{display:block;color:#397d9f}
.identified-gift-card p{color:#6b8191;line-height:1.55;font-size:.88rem}
.identified-gift-card small{color:#8194a0}
.gifts-empty{color:#718594}

@media(max-width:920px){
  .gifts-layout{grid-template-columns:1fr}
  .gifts-copy{text-align:center}
  .gift-illustration{max-width:500px;margin-inline:auto}
}
@media(max-width:650px){
  .baby3d-stage{height:470px}
  .baby3d-hint{white-space:normal;text-align:center;width:88%}
  .gift-box{width:90px;height:90px;font-size:2.6rem}
  .gift-one{left:2%}.gift-two{left:34%}.gift-three{left:67%}
  .identified-gifts-head{align-items:start;flex-direction:column}
}

/* V17 · Oreo y Rocky como mascotas oficiales */
.oreo-guide-button{
  width:82px!important;height:82px!important;background:transparent!important;
  border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important
}
.oreo-guide-button img{
  width:100%;height:100%;object-fit:cover;border-radius:50%;
  border:4px solid #fff;box-shadow:0 14px 30px rgba(20,52,77,.18);
  transition:transform .25s
}
.oreo-guide-button:hover img{transform:translateY(-4px) rotate(-3deg)}
.pet-hero-art{height:590px;position:relative;display:grid;place-items:center}
.pet-hero-orbit{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#fff 0 36%,rgba(255,255,255,.45) 37% 65%,transparent 66%);box-shadow:0 0 0 34px rgba(255,255,255,.15),0 0 0 70px rgba(255,255,255,.08)}
.pet-hero-main{position:absolute;width:390px;height:390px;object-fit:cover;border-radius:50%;z-index:3;right:13%;top:13%;filter:drop-shadow(0 28px 34px rgba(23,58,82,.22));animation:petHeroFloat 5s ease-in-out infinite}
.pet-hero-secondary{position:absolute;width:190px;height:190px;object-fit:cover;border-radius:50%;z-index:4;left:4%;bottom:9%;border:8px solid rgba(255,255,255,.82);filter:drop-shadow(0 18px 25px rgba(23,58,82,.17));animation:petHeroFloat 5.6s ease-in-out infinite reverse}
.pet-name{position:absolute;z-index:5;background:rgba(255,255,255,.88);color:var(--ink);padding:7px 12px;border-radius:999px;font-weight:800;font-size:.75rem;box-shadow:0 8px 20px rgba(23,58,82,.12)}
.pet-name-oreo{right:14%;bottom:15%}.pet-name-rocky{left:10%;bottom:7%}
@keyframes petHeroFloat{50%{transform:translateY(-12px)}}
.pets-section{background:linear-gradient(180deg,#fffdf8,#eef9ff)}
.pets-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
.pets-copy p{color:#637d8e;line-height:1.8;font-size:1.04rem}
.pet-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.pet-tags span{background:#fff;border:1px solid #dce9ef;border-radius:999px;padding:9px 14px;font-size:.76rem;font-weight:800;color:#477792;box-shadow:0 8px 22px rgba(23,58,82,.06)}
.pets-showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pet-profile{background:#fff;border:1px solid #e2edf2;border-radius:28px;padding:14px;box-shadow:0 20px 50px rgba(23,58,82,.08);transform:rotate(-2deg);transition:.25s}
.pet-profile:nth-child(2){transform:rotate(2deg)}
.pet-profile:hover{transform:translateY(-7px) rotate(0)}
.pet-profile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px}
.pet-profile div{padding:14px 8px 5px}.pet-profile strong,.pet-profile span{display:block}.pet-profile strong{font-family:"Fraunces",serif;font-size:1.7rem}.pet-profile span{color:#718594;margin-top:3px}
.pet-decorated{position:relative;overflow:hidden}
.pet-decorated>.container{position:relative;z-index:2}
.pet-section-mascot{position:absolute;width:210px;height:210px;object-fit:cover;border-radius:50%;z-index:1;opacity:.96;filter:drop-shadow(0 18px 28px rgba(23,58,82,.14));pointer-events:none}
.mascot-oreo-predictions{right:-30px;top:25px}
.mascot-rocky-gifts{left:-35px;bottom:20px}
.mascot-oreo-message{right:-25px;bottom:5px}
.mascot-rocky-capsule{left:-25px;top:25px}
.journey-photo img[src*="pruebas-embarazo"]{object-fit:contain;background:#f7f8fa}
@media(max-width:920px){
 .pets-layout{grid-template-columns:1fr}.pets-copy{text-align:center}.pet-tags{justify-content:center}
 .pet-section-mascot{opacity:.17;width:180px;height:180px}
 .pet-hero-main{width:340px;height:340px;right:8%}.pet-hero-secondary{width:150px;height:150px}
}
@media(max-width:650px){
 .pet-hero-art{height:450px}.pet-hero-orbit{width:340px;height:340px}
 .pet-hero-main{width:280px;height:280px;right:4%;top:18%}
 .pet-hero-secondary{width:120px;height:120px;left:2%;bottom:10%}
 .pets-showcase{grid-template-columns:1fr}
}

/* V18 · Oreo y Rocky como personajes ilustrados */
.pet-hero-main,.pet-hero-secondary,
.pet-profile img,.pet-section-mascot,
.oreo-guide-button img{
  object-fit:contain!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
}
.pet-hero-main{
  width:430px!important;
  height:430px!important;
  right:6%!important;
  top:11%!important;
  filter:drop-shadow(0 28px 34px rgba(23,58,82,.18))!important;
}
.pet-hero-secondary{
  width:235px!important;
  height:235px!important;
  left:0!important;
  bottom:4%!important;
  filter:drop-shadow(0 18px 26px rgba(23,58,82,.16))!important;
}
.oreo-guide-button img{
  width:94px!important;
  height:94px!important;
  filter:drop-shadow(0 12px 18px rgba(23,58,82,.18));
}
.pet-profile img{
  aspect-ratio:1;
  padding:8px;
}
.pet-section-mascot{
  width:235px!important;
  height:235px!important;
}
.pet-name-oreo{right:10%!important}
.pet-name-rocky{left:8%!important}
@media(max-width:920px){
  .pet-hero-main{width:360px!important;height:360px!important}
  .pet-hero-secondary{width:190px!important;height:190px!important}
}
@media(max-width:650px){
  .pet-hero-main{width:300px!important;height:300px!important}
  .pet-hero-secondary{width:145px!important;height:145px!important}
}

/* V19 · Fases 1 y 2 */
.baby3d-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.baby3d-stage{min-height:560px}
.four-pets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}
.pet-character-card{background:#fff;border:1px solid #e0ebf1;border-radius:28px;padding:16px;box-shadow:0 18px 50px rgba(23,58,82,.08);transition:.25s}
.pet-character-card:hover{transform:translateY(-8px)}
.pet-character-card img{width:100%;aspect-ratio:1;object-fit:contain}
.pet-character-card div{padding:10px 8px}.pet-character-card strong,.pet-character-card span{display:block}.pet-character-card strong{font-family:"Fraunces",serif;font-size:1.65rem}.pet-character-card span{color:#4c8aad;font-weight:800;font-size:.78rem;margin-top:3px}.pet-character-card p{color:#6b8190;font-size:.86rem;line-height:1.55}
.pet-memories-section{background:linear-gradient(180deg,#fff,#edf8ff)}
.pet-memories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pet-memories-grid figure{margin:0;background:#fff;border-radius:24px;padding:12px;box-shadow:0 18px 45px rgba(23,58,82,.08);transform:rotate(-1deg);transition:.25s}
.pet-memories-grid figure:nth-child(2){transform:rotate(1deg)}
.pet-memories-grid figure:hover{transform:translateY(-7px) rotate(0)}
.pet-memories-grid img{width:100%;aspect-ratio:1.18;object-fit:cover;border-radius:17px}
.pet-memories-grid figcaption{padding:13px 6px 5px;font-family:"Fraunces",serif;font-size:1.15rem}
.mascot-minnie-predictions{right:-28px;top:22px}
.mascot-oreo-gifts{left:-30px;bottom:15px}
.mascot-blanquita-message{right:-22px;bottom:8px}
@media(max-width:1000px){.four-pets-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.pet-memories-grid{grid-template-columns:1fr}.baby3d-stage{min-height:500px}}
@media(max-width:560px){.four-pets-grid{grid-template-columns:1fr}.baby3d-stage{min-height:450px}}


/* ==========================================================================
   V20 · FASE 3 — Navegación narrativa guiada por mascotas
   ========================================================================== */

:root{
  --story-blue:#2e6fae;
  --story-sky:#79c9f5;
  --story-night:#102d46;
  --story-cream:#fff8e9;
  --story-coral:#f39d96;
  --story-gold:#ffd56b;
}

html{scroll-behavior:smooth;scroll-padding-top:92px}
body.story-map-open{overflow:hidden}

.story-nav{gap:18px}
.nav-actions{display:flex;align-items:center;gap:10px}
.story-map-toggle{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
  color:#fff;border-radius:999px;padding:10px 15px;
  font:inherit;font-size:.76rem;font-weight:800;cursor:pointer;
  backdrop-filter:blur(12px);transition:.22s;
}
.story-map-toggle:hover,.story-map-toggle[aria-expanded="true"]{
  background:#fff;color:var(--ink);transform:translateY(-2px)
}
.story-map-toggle span{color:var(--story-gold)}

.story-progress{
  position:fixed;left:0;top:0;width:100%;height:4px;
  z-index:900;background:rgba(255,255,255,.08);pointer-events:none
}
.story-progress span{
  display:block;width:0;height:100%;
  background:linear-gradient(90deg,var(--story-coral),var(--story-gold),var(--story-sky));
  box-shadow:0 0 14px rgba(121,201,245,.6);transition:width .08s linear
}

.story-map-backdrop{
  position:fixed;inset:0;z-index:719;
  background:rgba(6,22,34,.62);backdrop-filter:blur(7px)
}
.story-map{
  position:fixed;top:0;right:0;bottom:0;z-index:720;
  width:min(440px,92vw);padding:24px;
  background:linear-gradient(165deg,#f9fdff,#fff9ef);
  color:var(--ink);box-shadow:-28px 0 80px rgba(7,30,46,.28);
  transform:translateX(105%);visibility:hidden;
  transition:transform .42s cubic-bezier(.2,.8,.2,1),visibility .42s;
  overflow:auto
}
.story-map.open{transform:translateX(0);visibility:visible}
.story-map-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:6px 4px 22px;border-bottom:1px solid #dfeaf0
}
.story-map-head small,.story-map-head strong{display:block}
.story-map-head small{font-size:.65rem;letter-spacing:.16em;color:#4d8cac;font-weight:800}
.story-map-head strong{font-family:"Fraunces",serif;font-size:1.7rem;margin-top:5px}
.story-map-head button{
  width:42px;height:42px;border-radius:50%;border:1px solid #d9e6ed;
  background:#fff;color:var(--ink);font-size:1.6rem;cursor:pointer
}
.story-map-route{display:grid;gap:9px;padding:20px 0}
.story-map-route a{
  display:grid;grid-template-columns:78px 1fr;align-items:center;gap:13px;
  color:var(--ink);text-decoration:none;border:1px solid #e1ecf1;
  background:rgba(255,255,255,.72);border-radius:20px;padding:10px;
  transition:.22s;position:relative;overflow:hidden
}
.story-map-route a:after{
  content:"";position:absolute;left:39px;top:88%;height:28px;width:2px;
  background:linear-gradient(#9ed9f4,transparent)
}
.story-map-route a:last-child:after{display:none}
.story-map-route a:hover,.story-map-route a.active{
  transform:translateX(-5px);background:#fff;
  border-color:#93cde8;box-shadow:0 12px 30px rgba(23,58,82,.09)
}
.story-map-route img{width:74px;height:74px;object-fit:contain}
.story-map-route span b,.story-map-route span strong,.story-map-route span small{display:block}
.story-map-route span b{font-size:.62rem;color:#5594b4;letter-spacing:.13em}
.story-map-route span strong{font-family:"Fraunces",serif;font-size:1.2rem;margin:2px 0}
.story-map-route span small{color:#728692}

.mascot-guide{
  position:fixed;left:18px;bottom:18px;z-index:610;
  display:flex;align-items:flex-end;gap:8px;
  max-width:min(430px,calc(100vw - 28px))
}
.mascot-avatar{
  width:92px;height:92px;border:0;background:transparent;padding:0;
  position:relative;cursor:pointer;flex:0 0 auto;filter:drop-shadow(0 16px 20px rgba(10,38,57,.22))
}
.mascot-avatar img{width:100%;height:100%;object-fit:contain;transition:.28s}
.mascot-avatar:hover img{transform:translateY(-5px) rotate(-3deg)}
.mascot-online{
  position:absolute;right:6px;bottom:8px;width:15px;height:15px;border-radius:50%;
  background:#87e0b5;border:3px solid #fff;box-shadow:0 0 13px #87e0b5
}
.mascot-speech{
  position:relative;width:300px;background:rgba(255,255,255,.94);
  color:var(--ink);border:1px solid rgba(23,58,82,.11);
  border-radius:22px 22px 22px 7px;padding:17px 40px 16px 18px;
  box-shadow:0 18px 50px rgba(10,38,57,.18);backdrop-filter:blur(16px);
  transform-origin:left bottom;transition:.28s
}
.mascot-speech.collapsed{opacity:0;visibility:hidden;transform:translateY(12px) scale(.92);width:0;padding:0}
.mascot-speech>button{
  position:absolute;right:9px;top:8px;width:27px;height:27px;border:0;
  border-radius:50%;background:#edf5f8;color:#567484;cursor:pointer
}
.mascot-speech small,.mascot-speech strong{display:block}
.mascot-speech small{font-size:.59rem;letter-spacing:.13em;color:#4f91b2;font-weight:800}
.mascot-speech strong{font-family:"Fraunces",serif;font-size:1.18rem;margin:5px 0}
.mascot-speech p{font-size:.79rem;line-height:1.55;color:#667d8b;margin:0 0 8px}
.mascot-speech a{font-size:.74rem;font-weight:800;color:#2e6fae;text-decoration:none}

.chapter-intro{
  grid-column:1/-1;display:flex;align-items:center;gap:12px;
  color:inherit;margin-bottom:5px;position:relative;z-index:4
}
.chapter-intro span{font-size:.64rem;font-weight:800;letter-spacing:.17em;color:#6fb9dc}
.chapter-intro i{height:1px;width:44px;background:currentColor;opacity:.25}
.chapter-intro strong{font-size:.76rem;letter-spacing:.05em}

.chapter-traveller{
  position:fixed;left:-170px;bottom:10px;z-index:580;
  width:140px;height:100px;pointer-events:none;opacity:0;
  transition:opacity .2s
}
.chapter-traveller.running{opacity:1;animation:travellerCross 1.35s cubic-bezier(.2,.65,.2,1) forwards}
.chapter-traveller img{
  position:absolute;right:0;bottom:0;width:94px;height:94px;object-fit:contain;
  animation:travellerBounce .27s ease-in-out infinite alternate
}
.traveller-trail{
  position:absolute;left:0;right:55px;bottom:21px;height:3px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  filter:blur(1px)
}
@keyframes travellerCross{
  from{left:-170px}to{left:calc(100vw + 30px)}
}
@keyframes travellerBounce{to{transform:translateY(-8px) rotate(2deg)}}

/* ==========================================================================
   V20 · FASE 4 — Escenas cinematográficas, parallax y vida ambiental
   ========================================================================== */

.story-chapter{position:relative;isolation:isolate;overflow:hidden}
.story-chapter>:not(.scene-world){position:relative;z-index:3}
.scene-world{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.scene-layer{position:absolute;inset:-8%;will-change:transform}
.scene-gradient{background:transparent}
.scene-clouds i{
  position:absolute;display:block;border-radius:999px;background:rgba(255,255,255,.16);
  filter:blur(1px);animation:cloudDrift 34s linear infinite
}
.scene-clouds i:before,.scene-clouds i:after{
  content:"";position:absolute;border-radius:50%;background:inherit
}
.scene-clouds i:nth-child(1){width:180px;height:46px;left:5%;top:18%}
.scene-clouds i:nth-child(1):before{width:70px;height:70px;left:28px;bottom:4px}
.scene-clouds i:nth-child(1):after{width:86px;height:86px;right:24px;bottom:3px}
.scene-clouds i:nth-child(2){width:145px;height:38px;left:48%;top:10%;animation-duration:42s;animation-delay:-18s}
.scene-clouds i:nth-child(2):before{width:60px;height:60px;left:20px;bottom:3px}
.scene-clouds i:nth-child(2):after{width:67px;height:67px;right:18px;bottom:4px}
.scene-clouds i:nth-child(3){width:220px;height:52px;left:82%;top:30%;animation-duration:48s;animation-delay:-8s}
.scene-clouds i:nth-child(3):before{width:82px;height:82px;left:35px;bottom:4px}
.scene-clouds i:nth-child(3):after{width:95px;height:95px;right:31px;bottom:3px}
@keyframes cloudDrift{from{translate:-22vw 0}to{translate:115vw 0}}

.scene-stars{
  opacity:0;background-image:
    radial-gradient(circle,#fff 0 1.3px,transparent 1.8px),
    radial-gradient(circle,#ffd56b 0 1px,transparent 1.6px);
  background-position:0 0,31px 38px;background-size:72px 72px,91px 91px
}
.scene-hills{opacity:0}
.scene-sparkles i{
  position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;
  box-shadow:0 0 12px rgba(255,255,255,.75);animation:sparkleFloat 5s ease-in-out infinite
}
.scene-sparkles i:nth-child(1){left:11%;top:25%}
.scene-sparkles i:nth-child(2){left:32%;top:68%;animation-delay:-1s}
.scene-sparkles i:nth-child(3){left:62%;top:17%;animation-delay:-2.4s}
.scene-sparkles i:nth-child(4){left:81%;top:57%;animation-delay:-3.2s}
.scene-sparkles i:nth-child(5){left:93%;top:31%;animation-delay:-.7s}
@keyframes sparkleFloat{50%{transform:translateY(-18px) scale(.65);opacity:.35}}

/* Scene palettes */
[data-scene="dawn"] .scene-gradient{
  background:
    radial-gradient(circle at 80% 18%,rgba(255,213,107,.20),transparent 23%),
    linear-gradient(180deg,rgba(121,201,245,.06),transparent 48%)
}
[data-scene="meadow"] .scene-gradient{
  background:linear-gradient(180deg,rgba(215,246,255,.12),rgba(153,214,138,.11))
}
[data-scene="meadow"] .scene-hills{
  opacity:.22;top:50%;background:
    radial-gradient(ellipse at 20% 100%,#8bc27e 0 31%,transparent 32%),
    radial-gradient(ellipse at 58% 105%,#73a96c 0 36%,transparent 37%),
    radial-gradient(ellipse at 94% 105%,#9ccf8c 0 31%,transparent 32%)
}
[data-scene="space"] .scene-stars,[data-scene="night"] .scene-stars{opacity:.52}
[data-scene="space"] .scene-clouds,[data-scene="night"] .scene-clouds{opacity:.12}
[data-scene="space"] .scene-gradient{
  background:radial-gradient(circle at 72% 42%,rgba(105,203,244,.14),transparent 36%)
}
[data-scene="mountain"] .scene-hills{
  opacity:.14;top:38%;background:
    linear-gradient(135deg,transparent 47%,#dceef7 48% 53%,transparent 54%) 0 0/33% 100%,
    linear-gradient(45deg,transparent 47%,#87a5b7 48% 53%,transparent 54%) 20% 0/42% 100%
}
[data-scene="sunset"] .scene-gradient{
  background:linear-gradient(180deg,rgba(255,174,125,.08),rgba(119,92,138,.09))
}
[data-scene="party"] .scene-gradient{
  background:
    radial-gradient(circle at 15% 15%,rgba(255,213,107,.17),transparent 23%),
    radial-gradient(circle at 85% 75%,rgba(121,201,245,.17),transparent 28%)
}
[data-scene="forest"] .scene-gradient{
  background:linear-gradient(160deg,rgba(86,143,95,.08),rgba(121,201,245,.07))
}
[data-scene="night"] .scene-gradient{
  background:radial-gradient(circle at 70% 22%,rgba(255,245,216,.10),transparent 18%)
}

/* Reveal animation */
.reveal-up,.reveal-left,.reveal-right,.reveal-scale,
.story-chapter .section-heading,
.story-chapter .journey-card,
.story-chapter .pet-character-card,
.story-chapter .identified-gift-card,
.story-chapter .prediction-card,
.story-chapter .interactive-form,
.story-chapter figure{
  opacity:0;transition:
    opacity .75s ease,
    transform .85s cubic-bezier(.2,.75,.2,1)
}
.reveal-up,.story-chapter .section-heading,
.story-chapter .journey-card,
.story-chapter .interactive-form,
.story-chapter figure{transform:translateY(38px)}
.reveal-left{transform:translateX(-45px)}
.reveal-right{transform:translateX(45px)}
.reveal-scale,.story-chapter .pet-character-card,
.story-chapter .prediction-card{transform:scale(.92) translateY(20px)}
.is-revealed,.story-chapter .is-revealed{
  opacity:1!important;transform:none!important
}

/* Character hover life */
.pet-character-card img,.pet-section-mascot,.pet-hero-main,.pet-hero-secondary{
  transform-origin:center bottom
}
.pet-character-card:hover img{animation:petHappy .55s ease}
.pet-section-mascot{animation:petIdle 4.8s ease-in-out infinite}
.pet-section-mascot:nth-of-type(even){animation-delay:-1.3s}
@keyframes petHappy{
  25%{transform:translateY(-8px) rotate(-4deg)}
  55%{transform:translateY(-13px) rotate(5deg)}
}
@keyframes petIdle{50%{transform:translateY(-9px) rotate(1.5deg)}}

/* Cinematic chapter transition */
.cinematic-transition{
  position:fixed;inset:0;z-index:1000;display:grid;place-items:center;
  align-content:center;text-align:center;color:#fff;
  background:radial-gradient(circle at center,#296589,#102d46 70%);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .28s,visibility .28s
}
.cinematic-transition.active{opacity:1;visibility:visible}
.transition-sky{position:relative;width:180px;height:150px;margin-bottom:12px}
.transition-sky img{
  position:absolute;left:50%;bottom:0;translate:-50% 0;
  width:135px;height:135px;object-fit:contain;
  animation:transitionMascot 1s ease-in-out infinite alternate
}
.transition-orbit{
  position:absolute;inset:12px;border:1px solid rgba(255,255,255,.24);
  border-radius:50%;animation:orbitSpin 4s linear infinite
}
.transition-orbit:before,.transition-orbit:after{
  content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#ffd56b
}
.transition-orbit:before{top:10px;left:20px}.transition-orbit:after{right:6px;bottom:30px}
.cinematic-transition small{font-size:.66rem;letter-spacing:.20em;color:#a9def4;font-weight:800}
.cinematic-transition strong{font-family:"Fraunces",serif;font-size:clamp(2rem,5vw,4rem);margin-top:9px}
@keyframes transitionMascot{to{transform:translateY(-10px) rotate(2deg)}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}

/* Interactive star pointer trail */
.pointer-star{
  position:fixed;z-index:950;pointer-events:none;color:#ffd56b;
  font-size:12px;animation:pointerStar .85s ease-out forwards
}
@keyframes pointerStar{
  to{transform:translate(var(--x),var(--y)) scale(0) rotate(130deg);opacity:0}
}

@media(max-width:980px){
  .nav-links{display:none}
  .nav-actions{margin-left:auto}
  .story-map-toggle{display:inline-flex}
  .mascot-guide{left:8px;bottom:8px}
  .mascot-avatar{width:76px;height:76px}
  .mascot-speech{width:min(280px,calc(100vw - 100px))}
}
@media(max-width:680px){
  .nav-meet{display:none}
  .story-map-toggle{padding:9px 12px}
  .story-map-toggle{font-size:0}
  .story-map-toggle span{font-size:1rem}
  .mascot-speech{padding:14px 35px 13px 15px}
  .mascot-speech p{display:none}
  .mascot-speech strong{font-size:1rem}
  .chapter-traveller{display:none}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .chapter-traveller,.pointer-star{display:none!important}
}

/* V21 · Personajes PNG y refinamiento del modelo */
.pet-character-card img,
.pet-section-mascot,
.pet-hero-main,
.pet-hero-secondary,
.mascot-avatar img,
.story-map-route img,
.transition-sky img,
.chapter-traveller img{
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
}
.pet-character-card img{filter:drop-shadow(0 18px 22px rgba(23,58,82,.15))}
.pet-section-mascot{filter:drop-shadow(0 18px 24px rgba(23,58,82,.16))}
.pet-hero-main,.pet-hero-secondary{filter:drop-shadow(0 24px 30px rgba(23,58,82,.18))!important}
.baby3d-stage{background:linear-gradient(160deg,#153d5a,#235f83)}


/* V23 · Información del evento */
.guide{display:none!important}

.event-experience-section{
  background:
    radial-gradient(circle at 8% 10%,rgba(255,213,107,.18),transparent 25%),
    radial-gradient(circle at 90% 80%,rgba(121,201,245,.18),transparent 30%),
    linear-gradient(180deg,#fffdf8,#f2faff);
}
.event-experience-layout{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:46px;
  align-items:center;
}
.event-experience-copy>p{
  color:#637b8a;
  line-height:1.8;
  font-size:1.04rem;
  max-width:720px;
}
.event-experience-points{
  display:grid;
  gap:13px;
  margin-top:28px;
}
.event-experience-points article{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:14px;
  align-items:start;
  background:rgba(255,255,255,.82);
  border:1px solid #dfebf1;
  border-radius:19px;
  padding:16px;
  box-shadow:0 12px 32px rgba(23,58,82,.06);
}
.event-experience-points article>span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#edf8fd;
  font-size:1.5rem;
}
.event-experience-points strong{
  display:block;
  margin:2px 0 5px;
  color:var(--ink);
}
.event-experience-points p{
  margin:0;
  color:#708491;
  line-height:1.55;
  font-size:.87rem;
}
.toast-preparation-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(155deg,#173a52,#245f7f);
  color:#fff;
  border-radius:30px;
  padding:32px;
  box-shadow:0 28px 70px rgba(20,55,78,.22);
}
.toast-preparation-card:before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  right:-80px;
  top:-85px;
  background:rgba(255,255,255,.07);
}
.toast-icon{
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  border-radius:22px;
  background:rgba(255,255,255,.12);
  font-size:2rem;
  margin-bottom:22px;
}
.toast-preparation-card small{
  color:#a8ddf5;
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.16em;
}
.toast-preparation-card h3{
  font-family:"Fraunces",serif;
  font-size:2.15rem;
  margin:8px 0 10px;
}
.toast-preparation-card>p{
  color:#c8dbe5;
  line-height:1.7;
}
.toast-preparation-card ul{
  list-style:none;
  margin:22px 0;
  padding:0;
  display:grid;
  gap:10px;
}
.toast-preparation-card li{
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.toast-preparation-card li span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:rgba(255,255,255,.11);
  color:#ffd56b;
  font-size:.68rem;
  font-weight:800;
}
.toast-preparation-card .btn{
  width:100%;
  justify-content:center;
}
.timezone-grid .main-time{
  transform:translateY(-8px);
  border-color:#79c9f5;
  box-shadow:0 20px 50px rgba(46,111,174,.14);
}
@media(max-width:900px){
  .event-experience-layout{grid-template-columns:1fr}
}
@media(max-width:600px){
  .event-experience-points article{grid-template-columns:44px 1fr}
  .event-experience-points article>span{width:42px;height:42px}
  .toast-preparation-card{padding:24px}
}