
main .section{max-width:780px;margin-inline:auto}
main h2{line-height:1.12;text-wrap:balance}
main p{line-height:1.75}
main .photo img,main .couple-photo img{display:block;width:100%;height:auto;object-fit:contain}
main .photo,main .couple-photo{max-width:650px;margin-inline:auto;width:calc(100% - 48px)}
main .photo figcaption,main .couple-photo figcaption{font-size:17px;line-height:1.5;padding:16px 10px}
main input,main textarea,main select{font-size:16px}
main .details summary{padding-block:20px;min-height:48px}
main .count{font-variant-numeric:tabular-nums}
main .agenda li{padding-block:22px}
main .agenda time{font:italic 23px Georgia,serif;letter-spacing:0}
main .agenda h3{line-height:1.15}
main .section-number{letter-spacing:2px;font-size:10px}
main .hero>svg.garden-art,main .hero>svg.route-art{position:absolute;pointer-events:none}
main .hero>*:not(svg){position:relative;z-index:2}
.entry button,.entry .open{min-height:48px;white-space:nowrap}
@media(max-width:400px){main .section{padding-inline:24px}main .agenda li{gap:12px;grid-template-columns:55px 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
body{--paper:#f8eddb;--ink:#2a3555;--gold:#b9603f}.cover-copy h1{font-size:clamp(42px,12vw,60px);line-height:1.08}.cover-copy{padding-inline:20px}.hero{height:auto;min-height:0;padding:0;background:#f8eddb;display:block;color:#2a3555}.hero .hero-photo{position:relative;z-index:0;display:block;height:auto;width:100%;transform:none;animation:none!important;object-fit:contain}.hero:after,.photo-light{display:none}.hero .hero-content{padding:38px 26px 42px;text-align:center;opacity:1;transform:none}.hero-content h2{color:#2a3555;font-size:52px;line-height:1.05}.hero-content .eyebrow,.hero-content .place,.hero-content h2 em,.hero .down{color:#8f3f27}.hero .hero-content>p{color:#5c4a45}.intro{background:#f8eddb}.countdown{gap:12px}.countdown>div+div{padding-left:12px}.countdown b{font-size:36px}.schedule article:nth-child(2){margin-left:0}.invitation-closing{background:#f2e1cb}.closing-copy{background:transparent}.closing-copy h2{color:#2a3555}.floral-sprig{filter:drop-shadow(0 5px 5px #1f2c4d15)}@media(min-width:800px){
body{background:#ecd9bf}
main#invitation{max-width:820px;margin:0 auto;box-shadow:0 0 70px #3d33221f;overflow-x:clip}
main#invitation .hero-photo{height:min(72vh,680px);width:100%;object-fit:cover;object-position:50% 38%}
main#invitation section{padding-inline:clamp(28px,6vw,70px)}
main#invitation .venue-card,main#invitation .venue-card iframe{max-width:100%;box-sizing:border-box}
main#invitation .details details,main#invitation .details .detail-list{max-width:620px;margin-inline:auto}
}
@media(min-width:800px){
.cover{left:calc(50% - 410px);right:auto;width:820px;box-shadow:0 0 70px #3d33221f}
.cover-copy{inset:22% 14% 10%}
.cover-copy h1{font-size:clamp(46px,5vw,60px)}
}
/* flores cálidas: acordes a terracota y azulejo */
body[data-collection=ines] .leaf,body[data-collection=ines] .floral-sprig,body[data-collection=ines] .botanical-art,body[data-collection=ines] .closing-florals img{filter:sepia(.3) hue-rotate(-20deg) saturate(1.05)}
body[data-collection=ines] .opening .left,body[data-collection=ines] .opening .right{filter:sepia(.3) hue-rotate(-20deg) saturate(1.05) brightness(.85)}
