/* La experiencia conserva su humor, con una dirección visual editorial. */
:root{--paper:#f6f2e9;--ink:#243a30;--wine:#314d3e;--pink:#d5c6a5;--line:#d9d1bf;--muted:#6b7165;--gold:#b39a63}
body{background-image:radial-gradient(#b39a6309 .8px,transparent .8px);background-size:7px 7px}.navigation{position:absolute;top:0;left:0;right:0;z-index:4;max-width:1180px;padding:17px 6%;color:#fff9ed}.navigation>a{padding:11px 16px;background:#ffffff16;border:1px solid #ffffff30;border-radius:30px;backdrop-filter:blur(10px)}
.hero{isolation:isolate;overflow:hidden;max-width:none;min-height:900px;min-height:100svh;padding:105px max(7%,calc((100% - 1000px)/2)) 27px;color:#fff9ef;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:#263b32}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-photo{object-fit:cover;object-position:center 30%;animation:photo-enter 1.8s ease-out both}.hero-shade{z-index:-1;background:linear-gradient(180deg,#10251f3b 0%,#14251d00 30%,#14251d60 48%,#152b23df 76%,#152b23 100%)}.hero .edition{width:100%;border-color:#ffffff40;color:#f1e4c8;font-size:8px;margin-bottom:auto;max-width:1000px}.hero .edition span{max-width:180px}.hero .seal{width:52px;height:52px;color:#f3e6c6;border-color:#f3e6c666;background:#203e2c20;margin:25px auto 150px;backdrop-filter:blur(5px)}.hero>.eyebrow{font-size:8px;color:#f1dfba;margin-bottom:0}.hero h1{font-size:clamp(62px,12vw,112px);margin:16px auto;line-height:.98;text-shadow:0 3px 30px #0002}.hero h1 i,.hero .spark{color:#d9c18d}.hero .spark{font-size:30px;right:-30px}.hero .intro{margin:18px 0 10px;color:#f3ecdd;font-size:13px}.hero .date{margin:20px 0 23px;color:#e8d4ac}.hero .date span+span{border-color:#e8d4ac60}.hero .primary{background:#e6d6b0;color:#243a30;border-color:#e6d6b0;min-height:55px}.hero .primary:hover{background:#f3e7ce}.hero .footnote{color:#d9ddcf}.hero-bottom{width:100%;max-width:1000px;border-color:#ffffff30;padding-top:25px;color:#d9ddcf}.hero h1,.hero .intro,.hero .date,.hero .start{animation:title-enter 1s ease-out both}.hero .intro{animation-delay:.12s}.hero .date{animation-delay:.22s}.hero .start{animation-delay:.3s}
.countdown-section{text-align:center;padding:70px 6% 65px;max-width:950px;margin:auto}.ornament{color:var(--gold);font:23px var(--serif);display:block;margin-bottom:30px;letter-spacing:5px}.countdown-section h2{margin-bottom:35px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);max-width:510px;margin:0 auto;gap:8px}.countdown>div{border:1px solid #b39a6340;border-radius:50% 50% 8px 8px;padding:20px 4px 16px;background:linear-gradient(150deg,#fffdf8,#ece5d7);box-shadow:0 8px 25px #243a3006}.countdown strong{font:400 clamp(26px,6vw,48px) var(--serif);font-variant-numeric:tabular-nums;display:block;color:var(--wine)}.countdown span{font-size:7px;letter-spacing:.12em;display:block;margin-top:7px}.countdown-section>p:last-child{font-size:10px;color:var(--muted);margin-top:22px}
.love-note{max-width:950px;margin:auto;padding:35px 8% 70px;display:grid;gap:28px;align-items:center;text-align:center}.love-monogram{width:170px;height:215px;margin:auto;border:1px solid #b39a6370;border-radius:100px 100px 5px 5px;display:flex;align-items:center;justify-content:center;font:42px var(--serif);position:relative;background:radial-gradient(ellipse at bottom,#d9ddcf80,transparent 70%)}.love-monogram::after{content:'✧';position:absolute;bottom:-15px;color:var(--gold);font-size:26px;background:var(--paper);padding:0 9px}.love-monogram i{color:var(--gold);margin:0 6px;font-size:30px}.love-note h2{font-size:36px}.love-note>div>p:last-of-type{font-size:13px;color:var(--muted);max-width:440px;margin:20px auto}.signature{font:italic 21px var(--serif);color:var(--gold)}
.quiz-section{position:relative;padding-top:50px;padding-bottom:65px}.quiz-section::before{content:'';position:absolute;left:15%;right:15%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.quiz-card{border-color:#c8b99380;box-shadow:0 22px 60px #243a3010;background:linear-gradient(145deg,#fffefb,#f7f3e9);position:relative}.quiz-card::before{content:'✧';position:absolute;top:-17px;left:calc(50% - 20px);background:var(--paper);color:var(--gold);padding:0 12px;font-size:24px}.choice:hover{background:#e9eddf;border-color:#8c9a7a}.question-icon{filter:saturate(.7)}.primary{background:linear-gradient(110deg,#263f32,#496149);border-color:#314d3e}.primary:hover{background:#1c3429}.progress{background:#e4dfd0}.progress span{background:linear-gradient(90deg,#b39a63,#314d3e)}.demo-status{background:#e8ecdf;color:#435140;font-size:11px}.whatsapp-send{margin-top:15px}.whatsapp-note{text-align:center;font-size:10px;color:var(--muted);margin-top:10px}
.details-section{position:relative;background:#f3efe5}.details-grid article{border:1px solid #c6b79166;border-radius:90px 90px 9px 9px;background:#fffdf760;box-shadow:0 10px 30px #28382f05;padding:35px 20px}.details-grid article+article{border-left:1px solid #c6b79166}.detail-icon{color:var(--gold)}.map-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 15px;margin-top:12px;border-bottom:1px solid var(--gold);text-decoration:none;font-size:12px;color:var(--wine)}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:25px 15px;margin:55px auto 40px;max-width:700px}.timeline>div{position:relative;border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column}.timeline>div::before{content:'';position:absolute;top:-4px;left:calc(50% - 4px);width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px #b39a6312}.timeline span{font-size:11px;letter-spacing:.1em;color:var(--gold)}.timeline b{font:25px var(--serif);margin:7px 0}.timeline small{font-size:10px;color:var(--muted)}.little-details{max-width:640px;margin:45px auto 0;text-align:left}.little-details details{border-top:1px solid var(--line);padding:16px 0}.little-details details:last-child{border-bottom:1px solid var(--line)}.little-details summary{cursor:pointer;min-height:36px;list-style:none;font:19px var(--serif);display:flex;justify-content:space-between;align-items:center;gap:15px}.little-details summary::-webkit-details-marker{display:none}.little-details summary span{font:18px var(--sans);color:var(--gold)}.little-details details[open] summary span{transform:rotate(45deg)}.little-details details p{font-size:12px;color:var(--muted);line-height:1.9;margin:14px 0 0}.closing{background:#243a30;color:#f5f0e2;position:relative;overflow:hidden}.closing::before,.closing::after{content:'';position:absolute;width:220px;height:300px;border:1px solid #d7c59125;border-radius:50%;transform:rotate(-35deg);pointer-events:none}.closing::before{left:-130px;top:-70px}.closing::after{right:-130px;bottom:-70px}.closing .eyebrow{color:#d0bc8b}.closing-title em,.closing-heart{color:#d5bf8b}.closing .text-link{color:#e6dfce}.dialog-content .eyebrow{color:var(--gold)}.dialog-content .secondary:hover{background:#e9eddf}footer{background:var(--paper)}
html.reveal-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}html.reveal-ready .reveal.is-visible{opacity:1;transform:none}@keyframes photo-enter{from{transform:scale(1.055);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes title-enter{from{transform:translateY(15px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:750px){.hero{min-height:1000px}.hero-photo{object-position:center 38%}.hero .seal{margin-bottom:170px}.love-note{grid-template-columns:220px 1fr;text-align:left;gap:55px}.love-note>div>p:last-of-type{margin-left:0}.timeline{grid-template-columns:repeat(4,1fr)}.hero .edition{font-size:10px}.hero>.eyebrow{font-size:10px}}
@media(max-width:360px){.hero .edition{font-size:7px}.hero .seal{margin-bottom:120px}.hero h1{font-size:58px}.hero .spark{right:-24px}.countdown{gap:5px}.countdown>div{padding:17px 2px}.countdown span{font-size:6px}}
.hero .edition{transform:translateY(-42px)}.hero .seal{transform:translate(125px,-42px) rotate(-12deg)}
@media(min-width:750px){.hero-photo{object-position:center 20%}}
@media(min-width:750px){.hero .seal{transform:translate(220px,-42px) rotate(-12deg)}}
@media(prefers-reduced-motion:reduce){html.reveal-ready .reveal{opacity:1;transform:none;transition:none}.hero-photo,.hero h1,.hero .intro,.hero .date,.hero .start{animation:none}}