/* Misma estructura de invitación, con papelería nupcial a juego con la portada. */
body{--wine:#651d30;--deep:#431323;--gold:#96652e;--cream:#fff9f1;--ink:#562d35;background:#fbf0e2;color:var(--ink)}
main{background:#fbf0e2}
main h1,main h2{color:#651d30}
main .eyebrow{color:#91612d}
.hero{isolation:isolate;background:radial-gradient(ellipse at center,#fffaf2 0%,#f9ead8 76%,#f1ddc8 100%);color:#651d30;padding-top:150px;padding-bottom:150px}
.hero:before,.hero:after{width:clamp(190px,32vw,470px);height:clamp(190px,32vw,470px);border:0;background:url('assets/flores-burdeos.png') left top/contain no-repeat;z-index:-1;opacity:.85}
.hero:before{top:0;left:0;transform:none}
.hero:after{bottom:0;right:0;transform:rotate(180deg)}
.hero-frame{border-color:#a77a466e;z-index:-1}
.hero-frame:after{border-color:#a77a4625}
.hero h1{font-style:italic;letter-spacing:-.05em;font-size:clamp(58px,9vw,108px);text-shadow:0 2px 14px #fffaf2}
.hero .amp{color:#9a6b35}
.hero .hero-place{color:#6b3f40}
.hero .hero-date{color:#6b3f40}
.hero .discover{color:#80542b}
.intro{position:relative;overflow:hidden;background:#fff9f1;color:#613d40;border-top:1px solid #b48b5733;border-bottom:1px solid #b48b5733}
.intro h2{font-style:italic}
.signature{color:#8b5b45}
.countdown{padding:22px 0;border-top:1px solid #b48b5745;border-bottom:1px solid #b48b5745}
.countdown strong{color:#651d30}
.countdown span{color:#835b40}
.venue{isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#f8e8d6,#fdf3e6);color:#651d30}
.venue:before,.venue:after{content:"";position:absolute;pointer-events:none;width:clamp(150px,23vw,320px);height:clamp(150px,23vw,320px);background:url('assets/flores-burdeos.png') left top/contain no-repeat;opacity:.32;z-index:-1}
.venue:before{top:0;left:0}
.venue:after{bottom:0;right:0;transform:rotate(180deg)}
.venue>p:not(.eyebrow){color:#77514c}
.arch{background:#fff9f15e;border-color:#a77a4677}
.arch svg{stroke:#946730;opacity:1}
.venue .outline{background:#fff9f1b8;border-color:#956638;color:#651d30}
.venue .outline:hover{background:#fff9f1}
.venue .text-link{color:#7b4b32}
.rsvp{position:relative;background:#fff9f1;color:#562d35;border-top:1px solid #b48b5733}
.rsvp h2{font-style:italic}
label{color:#65323e}
input,select,textarea{background:#fffdf8;border:1px solid #ad815766;color:#562d35;border-radius:3px;box-shadow:inset 0 1px 3px #7d443205}
input::placeholder,textarea::placeholder{color:#927575;opacity:1}
.gold{background:#651d30;border-color:#651d30;color:#fff9f1;border-radius:3px;box-shadow:0 5px 16px #651d3018}
.gold:hover{background:#7a2940}
.small{color:#795d57}
footer{background:#f0deca;color:#651d30;border-top:1px solid #b48b5745}
footer>span{color:#865d31}
footer img{border-radius:50%;box-shadow:0 0 0 1px #ae834a66}
.music{background:#651d30f2;color:#fff9f1;border-color:#d7b67a99}
.music>span:first-child{color:#e9c996}
.audio-status{background:#fff9f1;color:#651d30}
body .welcome{padding:18px 18px 58px;background:radial-gradient(ellipse at 50% 38%,#63273a,#350e1c 65%,#240b14)}
.photo-actions .outline{color:#efd7ab;background:#350e1c}
.photo-actions .silent{color:#f3d9b5}
@media(max-width:600px){body .welcome{padding:10px 12px 52px}.hero:before,.hero:after{width:205px;height:205px;opacity:.72}.hero{padding-top:155px;padding-bottom:155px}.hero .eyebrow{max-width:240px}.venue:before,.venue:after{width:150px;height:150px;opacity:.24}}