/* ENHEBRADOS · Sobres con tarjeta ilustrada. Se añade sin alterar el JavaScript de invitaciones. */
.intro{background:radial-gradient(ellipse at 48% 27%,#fffdfa 0%,#f7e9df 57%,#e4c9c0 100%)}
.intro .envelope{filter:drop-shadow(0 18px 27px rgba(65,39,38,.22));perspective:1100px;margin-top:30px;margin-bottom:33px}
.intro .envelope .letter{height:236px;top:-28px;left:12%;right:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 13px 12px;background:linear-gradient(150deg,#fffefb,#fffaef 78%);border:2px solid #e3c5a1;outline:1px solid rgba(182,140,85,.22);outline-offset:-8px;border-radius:9px;box-shadow:0 9px 30px #694b3a24;transform:translateY(0);overflow:hidden;transition:transform 1.65s cubic-bezier(.12,.82,.18,1) .35s,box-shadow 1.65s ease;}
.intro .letter::before,.intro .letter::after{content:'✦';position:absolute;color:#d7b585;font-size:12px;opacity:.75;top:14px;left:16px}
.intro .letter::after{left:auto;right:16px}
.intro .envelope .letter::after{content:'✦';display:block;line-height:normal;font-size:12px}
.intro .letter-eyebrow{font:700 9px/1.25 system-ui,sans-serif!important;letter-spacing:.18em;color:#ac896a}
.intro .letter-art{display:flex;width:146px;height:100px;align-items:center;justify-content:center;position:relative;filter:drop-shadow(0 7px 8px #8878622c)}
.intro .letter-art img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}
.intro .letter-small{font:italic 12px/1.15 Georgia,serif;color:#9b796f}
.intro .letter-name{font:normal clamp(17px,4vw,23px)/1.12 Georgia,serif!important;letter-spacing:-.02em!important;color:var(--ink);margin:0}
.intro .letter-date{font:600 11px/1.3 system-ui,sans-serif;letter-spacing:.12em;color:#977e6f}
.intro .letter-ornament{font:12px/1 Georgia,serif;color:#c5a376;margin-top:1px}
.intro.is-revealing .envelope .flap{transform:rotateX(177deg)}
.intro.is-revealing .envelope .letter{transform:translateY(-153px) rotate(-1deg) scale(1.035);box-shadow:0 28px 38px #60433336}
.intro.is-revealing .envelope .letter-art img{animation:pvCardGlow 1.7s ease .6s both}
@keyframes pvCardGlow{0%{transform:scale(.94);opacity:.83}70%{transform:scale(1.06);opacity:1}100%{transform:scale(1);opacity:1}}
@media(max-width:650px){.intro .envelope{margin-top:32px;margin-bottom:36px}.intro .envelope .letter{height:222px;top:-19px}.intro.is-revealing .envelope .letter{transform:translateY(-132px) scale(1.03)}.intro .letter-art{height:89px;width:124px}.intro .letter-name{font-size:19px!important}}
@media(max-width:390px){.intro .envelope .letter{height:196px;top:-12px;gap:3px;padding:9px}.intro .letter-art{height:68px;width:106px}.intro.is-revealing .envelope .letter{transform:translateY(-114px) scale(1.025)}.intro .letter-name{font-size:17px!important}.intro .letter-eyebrow{font-size:8px!important}.intro .letter-small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.intro.is-revealing .envelope .letter-art img{animation:none}}
/* Durante la extracción, el título del sobre cede protagonismo a la tarjeta. */
.intro .intro-inner>h1,.intro .intro-inner>.demo-tag{transition:opacity .4s ease}
.intro.is-revealing .intro-inner>h1,.intro.is-revealing .intro-inner>.demo-tag{opacity:.22}