:root{--blue:#283557;--blue2:#435679;--pale:#e6eaf0;--ivory:#faf9f6;--paper:#fffefb;--ink:#29344e;--gold:#b48a45;--line:#d5dae2;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:300 15px/1.7 var(--sans)}body.locked{overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.tracking{font:500 10px/1.6 var(--sans);letter-spacing:.28em;text-transform:uppercase}.serif{font-family:var(--serif)}.fine-rule{width:132px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:26px auto}.wrap{width:min(100% - 42px,880px);margin:auto}.section{text-align:center;padding:100px 0}.section h2{font:300 clamp(54px,8vw,82px)/1 var(--serif);margin:12px 0 22px}.lead{max-width:570px;margin:0 auto;font:300 clamp(23px,3vw,29px)/1.4 var(--serif)}.small{font-size:12px;line-height:2;color:#697386}.sprig{font:300 35px var(--serif);color:var(--gold)}.btn{border:1px solid var(--blue);background:var(--blue);color:#fff;padding:14px 25px;min-height:47px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;letter-spacing:.16em;text-transform:uppercase;font:500 10px var(--sans);transition:background .25s,transform .25s}.btn:hover{background:#17233f;transform:translateY(-1px)}.btn.outline{background:transparent;color:var(--blue)}.btn.outline:hover{background:#e9edf2}.preview-label{position:fixed;z-index:100;top:11px;right:11px;background:#ffffffed;border:1px solid #dbe0e7;color:#5b6883;padding:7px 11px;letter-spacing:.1em;text-transform:uppercase;font-size:9px;box-shadow:0 2px 13px #17233f16}
/* Full-screen envelope: cover-style intro closer to the reference */
.entry{position:fixed;z-index:40;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 18%,#fff 0%,#fbfbfa 48%,#eef2f7 100%);transition:opacity .7s,visibility .7s}.entry.gone{opacity:0;visibility:hidden;pointer-events:none}.entry-inner{position:relative;width:100vw;height:100svh;overflow:hidden;padding:0}.entry-top{position:absolute;z-index:20;left:50%;top:max(54px,11svh);transform:translateX(-50%);width:min(92vw,700px);text-align:center;padding:0 16px}.entry-top p{margin:0;color:#6a7690;font:italic clamp(18px,2.4vw,24px) var(--serif)}.entry-top .tracking{color:var(--blue);margin-bottom:8px}.envelope{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:100vw;height:100svh;max-width:1600px;max-height:980px;min-height:560px;filter:drop-shadow(0 24px 42px rgba(20,34,60,.15));perspective:1200px}.envelope-back{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%);border-top:3px solid var(--blue);box-shadow:inset 0 0 0 1px rgba(89,110,150,.14)}.envelope-paper{position:absolute;left:26%;right:26%;height:56%;bottom:13%;background:linear-gradient(180deg,#fffefc 0%,#f8fafc 100%);border:1px solid #b8c4d5;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 1.15s .12s cubic-bezier(.2,.65,.2,1);padding:20px 16px;box-shadow:0 14px 30px rgba(26,39,63,.10)}.envelope-paper .paper-aa{width:clamp(96px,15vw,168px);height:clamp(92px,15vw,150px);object-fit:contain}.envelope-paper .serif{font-size:clamp(18px,2.3vw,28px);margin-top:2px}.envelope-paper .tracking{font-size:9px;margin-top:5px}.env-left,.env-right,.env-bottom,.env-flap{position:absolute;inset:0;pointer-events:none}.env-left{z-index:4;background:linear-gradient(180deg,#f6f8fb 0%,#e9eef5 100%);clip-path:polygon(0 0,50.4% 57%,0 100%)}.env-right{z-index:4;background:linear-gradient(180deg,#fcfdff 0%,#edf2f7 100%);clip-path:polygon(100% 0,49.6% 57%,100% 100%)}.env-bottom{z-index:5;background:linear-gradient(180deg,#fff 0%,#eef2f6 100%);clip-path:polygon(0 100%,50% 46%,100% 100%);border-bottom:3px solid var(--blue2)}.env-flap{z-index:7;transform-origin:top center;transform-style:preserve-3d;backface-visibility:hidden;background:linear-gradient(180deg,#ffffff 0%,#eef3f8 100%);clip-path:polygon(0 0,100% 0,50% 64%);transition:transform 1s cubic-bezier(.2,.65,.2,1);border-top:3px solid var(--blue)}.env-seam{position:absolute;z-index:6;inset:0;pointer-events:none;background:linear-gradient(142deg,transparent 49.7%,rgba(76,99,139,.16) 50%,transparent 50.3%) left bottom/50% 100% no-repeat,linear-gradient(218deg,transparent 49.7%,rgba(76,99,139,.16) 50%,transparent 50.3%) right bottom/50% 100% no-repeat}.seal{position:absolute;z-index:10;left:50%;top:50.8%;transform:translate(-50%,-50%);width:clamp(130px,14vw,188px);height:clamp(128px,13.6vw,182px);display:flex;align-items:center;justify-content:center;background:url('../img/sello-aa-sobre-v07.png') center/contain no-repeat;box-shadow:0 18px 26px rgba(24,35,56,.16);transition:transform .3s,opacity .45s}.seal img{width:100%;height:100%;object-fit:contain;opacity:0}.tap{position:absolute;z-index:22;left:50%;top:30.5%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:40px;padding:14px 32px;background:rgba(40,53,87,.93);color:#fff;letter-spacing:.16em;text-transform:uppercase;font:500 10px var(--sans);box-shadow:0 9px 24px rgba(40,53,87,.18);transition:transform .25s,opacity .25s}.tap:hover{transform:translateX(-50%) translateY(-2px)}.envelope.opening .env-flap{transform:rotateX(176deg);z-index:1}.envelope.opening .envelope-paper{transform:translateY(-53%)}.envelope.opening .seal{transform:translate(-50%,-50%) scale(.45);opacity:0}.entry.opening .tap{opacity:0;pointer-events:none}.entry-foot{position:absolute;left:50%;bottom:max(74px,12svh);transform:translateX(-50%);z-index:20;color:#7f8a9b;font:italic clamp(19px,2.8vw,28px) var(--serif);padding:0 16px;text-align:center}
@media(min-width:901px){.entry-inner{transform:none}}
@media(max-width:900px){.envelope{top:54%}.envelope-paper{left:15%;right:15%;height:46%;bottom:20%}.seal{top:51.2%}.tap{top:27.5%}.entry-foot{bottom:14svh}}
@media(max-width:560px){.entry-top{top:max(42px,9svh)}.entry-top p{font-size:19px}.envelope{top:55%;min-height:100svh;max-height:none}.envelope-paper{left:11%;right:11%;height:34%;bottom:22%;padding:16px 10px}.envelope-paper .paper-aa{width:92px;height:74px}.envelope-paper .serif{font-size:17px}.seal{width:112px;height:109px;top:50.6%}.tap{top:24%;padding:13px 28px;font-size:9px}.entry-foot{bottom:12svh;font-size:21px}.section{padding:75px 0}.info-cards{grid-template-columns:1fr;gap:15px}.info-card{min-height:245px;padding:27px 12px}.date-number{gap:16px}.date-number span{font-size:9px}.hero .names{letter-spacing:.13em}.details{padding:35px 14px}.preview-label{font-size:8px;top:7px;right:7px}.footer{padding:65px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Invitation */
.site{visibility:hidden;opacity:0;transition:opacity .7s}.site.visible{visibility:visible;opacity:1}.hero{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:95px 22px 88px;background:radial-gradient(ellipse at center 15%,#fff 0%,#fafaf8 55%,#e9edf3 120%)}.hero:before,.hero:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #aebbd153;border-radius:50%;pointer-events:none}.hero:before{left:-170px;top:20%}.hero:after{right:-170px;bottom:12%}.hero-inner{position:relative;z-index:1;width:min(600px,100%)}.hero .monogram{width:clamp(190px,44vw,320px);height:clamp(180px,40vw,290px);object-fit:contain;display:block;margin:auto}.hero .names{margin:-4px 0 3px;font:400 clamp(26px,5vw,39px)/1.2 var(--serif);letter-spacing:.20em;text-transform:uppercase}.hero .date{font:400 21px var(--serif);letter-spacing:.18em;margin:24px 0}.hero .eyebrow{margin-top:22px;color:#66748e}.hero .scroll{position:absolute;bottom:24px;left:0;right:0;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#74819b}.hero .scroll:before{content:'';display:block;width:1px;height:35px;background:#8396b1;margin:0 auto 10px}.soft{background:#eef1f5}.paper-section{background:var(--paper)}.date-number{display:flex;justify-content:center;align-items:center;gap:25px;margin:32px auto 22px}.date-number strong{font:300 clamp(100px,18vw,160px)/.9 var(--serif)}.date-number span{text-align:left;letter-spacing:.25em;line-height:2.2;text-transform:uppercase;font-size:11px}.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:520px;margin:34px auto 0}.timer strong{display:block;font:300 clamp(43px,9vw,63px)/1 var(--serif)}.timer span{color:#73809a;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.section-symbol{font:italic 28px var(--serif);color:#ae955b;margin:15px 0}.info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:700px;margin:47px auto 0}.info-card{background:#fff;border:1px solid var(--line);padding:42px 18px 39px;min-height:305px}.info-card svg{stroke:var(--blue2)}.info-card h3{font:300 41px var(--serif);margin:12px 0 5px}.placeholder{font:italic 25px var(--serif);color:#75819a;margin:12px 0}.info-card p{font-size:12px;color:#73809a}.timeline{max-width:420px;margin:38px auto 0;text-align:left;border-left:1px solid #a8b6cb;padding-left:35px}.timeline-item{position:relative;margin:0 0 37px}.timeline-item:before{content:'';position:absolute;left:-40px;top:14px;width:9px;height:9px;border:1px solid var(--blue2);border-radius:50%;background:var(--paper)}.timeline-item h3{font:300 32px var(--serif);margin:0}.timeline-item p{margin:2px 0;font-size:12px;color:#78849a}.details{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px 20px;border:1px solid #cbd4e0;margin:35px auto 0;max-width:640px}.guest{font:italic 35px var(--serif);overflow-wrap:anywhere;margin:8px 0}.pass{font-size:12px;color:#687893;margin:0}.rsvp{max-width:450px;margin:30px auto 0}.field{text-align:left;margin-bottom:18px}.field label{display:block;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px}.field input,.field select{font:14px var(--sans);border:1px solid #c7d0de;width:100%;padding:14px;background:white;border-radius:0;color:var(--ink)}.notice{min-height:23px;margin-top:15px;font-size:12px;color:var(--blue)}.footer{background:#263454;color:#fff;text-align:center;padding:85px 20px}.footer .monogram{width:125px;height:125px;object-fit:contain;filter:brightness(0) invert(1);opacity:.83}.footer h2{font:300 54px var(--serif);margin:0}.footer p{font-size:11px;letter-spacing:.18em}.return{display:inline-block;padding:16px;font-size:11px;text-decoration:underline;color:#dbe2ee}.hint{font-size:11px;color:#73809a;margin-top:17px}
@media(min-width:901px){.entry-inner{transform:translateY(-12px)}}@media(max-width:560px){.entry-inner{padding:14px 10px}.entry-top{margin-bottom:20px}.entry-top p{font-size:20px}.envelope{height:265px;width:min(360px,94vw)}.seal{width:85px;height:85px}.tap{margin-top:28px}.entry-foot{font-size:20px}.section{padding:75px 0}.info-cards{grid-template-columns:1fr;gap:15px}.info-card{min-height:245px;padding:27px 12px}.date-number{gap:16px}.date-number span{font-size:9px}.hero .names{letter-spacing:.13em}.details{padding:35px 14px}.preview-label{font-size:8px;top:7px;right:7px}.footer{padding:65px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.info-card{display:flex;flex-direction:column;align-items:center;min-height:420px}.venue-name{font:400 clamp(23px,3vw,29px)/1.12 var(--serif);margin:12px 0 8px;max-width:265px;min-height:65px}.info-card .venue-address{font-size:12px;color:#69758a;line-height:1.7;margin:2px 0 7px}.info-card .venue-time{font:italic 20px var(--serif);margin:12px 0 20px;color:#677893}.venue-link{margin-top:auto;min-width:155px;padding:14px 17px}.info-card h3{margin:12px 0 3px}@media(max-width:560px){.info-card{min-height:385px}.venue-name{min-height:0}}

/* ARTURO_ARIANA_FULLSCREEN_V08_START */
/* V08 · SOBRE A SANGRE — el propio sobre llena TODA la ventana. */
body.locked{overflow:hidden!important;touch-action:none}
.entry{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;display:block!important;overflow:hidden!important;background:#f7f8f9!important;isolation:isolate}
.entry-inner{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;overflow:hidden!important;text-align:center}
.envelope{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important;filter:none!important;perspective:1600px!important}
.envelope-back{position:absolute!important;inset:0!important;border:0!important;background:#fffefa!important;box-shadow:none!important}
.env-left,.env-right,.env-bottom,.env-flap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important;border:0!important}
/* Cubiertas y pliegues de un sobre a pantalla completa. */
.env-left{z-index:4!important;clip-path:polygon(0 0,50% 49%,0 100%)!important;background:linear-gradient(125deg,#e6ebf1 0%,#f3f5f8 57%,#e8edf3 100%)!important;filter:none!important}
.env-right{z-index:4!important;clip-path:polygon(100% 0,50% 49%,100% 100%)!important;background:linear-gradient(225deg,#e7ecf2 0%,#f3f5f8 56%,#e2e9f1 100%)!important}
.env-bottom{z-index:5!important;clip-path:polygon(0 100%,50% 48%,100% 100%)!important;background:linear-gradient(0deg,#fffefa,#f0f3f7 100%)!important;border:0!important}
.env-flap{z-index:7!important;clip-path:polygon(0 0,100% 0,50% 49%)!important;transform-origin:50% 0!important;background:linear-gradient(180deg,#ffffff 0%,#f9fafb 48%,#e9eef5 100%)!important;box-shadow:none!important;border:0!important;backface-visibility:hidden!important}
.env-seam{z-index:6!important;background:linear-gradient(133deg,transparent 49.85%,rgba(41,63,100,.17) 50%,transparent 50.15%) left bottom/50% 100% no-repeat,linear-gradient(227deg,transparent 49.85%,rgba(41,63,100,.17) 50%,transparent 50.15%) right bottom/50% 100% no-repeat!important;opacity:.55!important}
.envelope-paper{z-index:2!important;left:18%!important;right:18%!important;top:17%!important;bottom:auto!important;height:65%!important;box-shadow:0 10px 35px #182b4722!important}
/* Al abrir, la tarjeta se levanta antes de revelar el interior. */
.envelope.opening .envelope-paper{transform:translateY(-34%)!important}
.envelope.opening .env-flap{transform:rotateX(175deg)!important;z-index:1!important}
.seal{position:absolute!important;left:50%!important;top:48.9%!important;z-index:12!important;transform:translate(-50%,-50%)!important;width:clamp(140px,17vw,240px)!important;height:clamp(140px,17vw,240px)!important;border:0!important;border-radius:0!important;background:url('../img/sello-aa-sobre-v07.png') center / contain no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 12px 9px rgba(50,40,28,.27))!important}
.seal img{opacity:0!important}
.envelope.opening .seal{transform:translate(-50%,-50%) scale(.52)!important;opacity:0!important}
.entry-top{position:absolute!important;z-index:15!important;left:50%!important;top:24%!important;transform:translate(-50%,-50%)!important;width:min(90%,680px)!important;margin:0!important;padding:0!important;color:#293a5c!important}
.entry-top p{color:#344c73!important;font-size:clamp(18px,2.2vw,26px)!important}
.entry-top .tracking{font-size:clamp(9px,1.1vw,13px)!important;letter-spacing:.22em!important}
.tap{position:absolute!important;z-index:20!important;left:50%!important;top:35%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;white-space:nowrap!important;padding:14px 30px!important;background:#293a5c!important;color:#fff!important;box-shadow:0 9px 21px #1b29432a!important}
.tap:hover{transform:translate(-50%,-53%)!important}
.entry-foot{position:absolute!important;z-index:15!important;left:50%!important;top:69%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(80%,600px)!important;margin:0!important;color:#324568!important;font-size:clamp(25px,3vw,36px)!important}
.entry.opening .tap{opacity:0!important;pointer-events:none!important}
/* Textura de papel muy sutil sin quitar nitidez al sobre. */
.entry:after{content:'';position:absolute;inset:0;z-index:14;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0,rgba(35,55,80,.018) 1px,transparent 2px,transparent 6px);opacity:.32}
@media(max-width:700px){
 .env-flap{clip-path:polygon(0 0,100% 0,50% 49%)!important}
 .env-left{clip-path:polygon(0 0,50% 49%,0 100%)!important}
 .env-right{clip-path:polygon(100% 0,50% 49%,100% 100%)!important}
 .env-bottom{clip-path:polygon(0 100%,50% 48%,100% 100%)!important}
 .entry-top{top:29%!important;width:94%!important}
 .entry-top .tracking{font-size:10px!important;letter-spacing:.18em!important}
 .entry-top p{font-size:20px!important}
 .tap{top:39%!important;padding:13px 28px!important;font-size:10px!important}
 .seal{top:48.9%!important;width:clamp(134px,36vw,190px)!important;height:clamp(134px,36vw,190px)!important}
 .entry-foot{top:64%!important;font-size:26px!important}
 .envelope-paper{left:8%!important;right:8%!important;top:10%!important;height:70%!important}
}
@media(max-height:600px) and (orientation:landscape){.entry-top{top:20%!important}.tap{top:31%!important}.entry-foot{top:72%!important}.seal{width:120px!important;height:120px!important}}

/* ARTURO_ARIANA_FULLSCREEN_V08_END */