/* Noche estrellada: dos composiciones con ilustraciones originales. */
:is(.layout-starry,.layout-sunflower) .section-cover{isolation:isolate;min-height:960px;padding:230px 35px 250px;}
:is(.layout-starry,.layout-sunflower) .section-cover:before{display:none}
.starry-painting{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.starry-invitation{width:100%;max-width:760px;margin:auto;position:relative;min-width:0}
.starry-invitation h1{font-size:clamp(64px,8vw,104px);margin:22px auto;max-width:690px;text-wrap:balance}
.starry-emblem{font-size:37px;color:var(--accent);line-height:1}
.starry-date{display:flex;justify-content:center;align-items:center;gap:24px;margin:24px 0 35px;font-size:12px;letter-spacing:3px}
.starry-date>span{color:var(--accent);font-size:9px}
.starry-invitation .cover-title{font-size:30px;max-width:500px;margin:25px auto 10px;text-wrap:balance}
.starry-invitation .cover-description{max-width:350px;margin:10px auto;font-size:12px;line-height:2}
.starry-rule{display:block;width:180px;height:60px;margin:30px auto 0;background:url('/assets/starry/constellation.svg') center/contain no-repeat}
.starry-portrait{width:170px;height:205px;margin:28px auto 0;padding:5px;border:1px solid var(--accent);border-radius:100px 100px 4px 4px;overflow:hidden}
.starry-portrait img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
:is(.layout-starry,.layout-sunflower) .section-cover:has(.starry-portrait){min-height:1130px}
:is(.layout-starry,.layout-sunflower) :is(.ornament,.section-closing>.botanical,.photo-placeholder>span){display:block;font-size:0;width:180px;height:60px;margin:0 auto 20px;background:url('/assets/starry/constellation.svg') center/contain no-repeat}
:is(.layout-starry,.layout-sunflower) h2{text-wrap:balance}
:is(.layout-starry,.layout-sunflower) .layout-scroll{bottom:35px}
.layout-starry .section-cover{background:#192d46;color:#f3ecda}
.layout-starry .starry-painting{z-index:0}
.layout-starry .starry-invitation{z-index:1}
.layout-starry .section-cover:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#192d4640 0%,transparent 70%);z-index:0;pointer-events:none}
.layout-starry .section-welcome{max-width:840px;margin:auto;padding-top:100px;padding-bottom:100px}
.layout-starry .section-countdown{border-block:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.layout-starry .countdown strong{color:var(--accent)}
.layout-starry .section-featured figure{max-width:680px;padding:12px;border:1px solid var(--accent);border-radius:340px 340px 0 0}
.layout-starry .section-featured figcaption{font-size:30px;padding:12px 10px}
.layout-starry .photo-placeholder{background:linear-gradient(#192d46aa,#192d46dd),url('/assets/starry/night.webp') center/cover;color:#f3ecda;border:1px solid #c5ae7970}
.layout-starry .locations{gap:30px}
.layout-starry .locations article{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:180px 180px 5px 5px;padding:50px 30px 35px}
.layout-starry .gallery{gap:22px}
.layout-starry .gallery a{border:1px solid var(--accent);padding:6px}
.layout-starry .section-closing{background:linear-gradient(#192d46d9,#192d46e8),url('/assets/starry/night.webp') center/cover;color:#f3ecda;padding:100px 25px}
.layout-starry .gift-details p{background:color-mix(in srgb,var(--paper) 85%,var(--accent))}
.layout-sunflower .section-cover{background:#faf6ed;color:#304863;padding:220px 30px 250px}
.layout-sunflower .starry-painting{z-index:0}
.layout-sunflower .starry-invitation{max-width:710px;border:1px solid #a28a5266;border-radius:180px 180px 3px 3px;padding:50px 40px 35px;background:#faf6ed70;z-index:1}
.layout-sunflower .starry-invitation h1{font-size:clamp(52px,7vw,82px)}
.layout-sunflower .starry-portrait{border-radius:50%;width:155px;height:170px}
.layout-sunflower .section-welcome{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;max-width:1080px;margin:auto;text-align:left;align-items:center}
.layout-sunflower .section-welcome .ornament{grid-column:1/-1}
.layout-sunflower .section-welcome h2{font-size:45px}
.layout-sunflower .section-welcome .prose{margin:0}
.layout-sunflower .countdown{gap:15px}
.layout-sunflower .countdown>div{border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:65px 65px 0 0;padding:27px 20px;min-width:110px}
.layout-sunflower .section-featured figure{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:45px;text-align:left}
.layout-sunflower .section-featured img{border-radius:4px;aspect-ratio:4/5}
.layout-sunflower .section-featured figcaption{font-size:40px}
.layout-sunflower .photo-placeholder{border-radius:4px;background:linear-gradient(#faf6edbb,#faf6eddd),url('/assets/starry/ivory.webp') center/cover;color:#304863}
.layout-sunflower .locations{gap:35px}
.layout-sunflower .locations article{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);padding:40px 28px;box-shadow:8px 8px 0 color-mix(in srgb,var(--accent) 10%,var(--paper))}
.layout-sunflower .gallery{gap:24px;padding:10px}
.layout-sunflower .gallery a{background:var(--paper);padding:8px 8px 26px;box-shadow:0 4px 20px #30486318;transform:rotate(-2deg);border:1px solid #a28a5233}
.layout-sunflower .gallery a:nth-child(even){transform:rotate(2deg)}
.layout-sunflower .gallery img{aspect-ratio:1}
.layout-sunflower .rsvp-form{background:var(--paper);padding:30px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:10px 10px 0 #a28a5210}
.layout-sunflower .section-closing{background:linear-gradient(#faf6edd9,#faf6ede8),url('/assets/starry/ivory.webp') center/cover;color:#304863;padding:100px 25px}
@media(min-width:1000px){:is(.layout-starry,.layout-sunflower) .section-cover{max-width:1100px;margin:auto}.starry-painting{object-fit:fill}}
@media(max-width:600px){
 :is(.layout-starry,.layout-sunflower) .section-cover{min-height:850px;padding:180px 26px 210px}
 :is(.layout-starry,.layout-sunflower) .section-cover:has(.starry-portrait){min-height:1060px}
 .starry-invitation h1{font-size:65px}
 .starry-invitation .cover-title{font-size:26px}
 .starry-date{gap:14px;letter-spacing:2px}
 .starry-painting{object-fit:fill}
 .layout-sunflower .starry-invitation{padding:38px 16px 24px;border-radius:130px 130px 3px 3px}
 .layout-sunflower .starry-invitation h1{font-size:51px}
 .layout-sunflower .section-welcome{display:block;text-align:center}
 .layout-sunflower .section-welcome h2{font-size:38px}
 .layout-sunflower .countdown{gap:8px}
 .layout-sunflower .countdown>div{min-width:0;flex:1;padding:25px 8px}
 .layout-sunflower .countdown span{letter-spacing:1px}
 .layout-sunflower .section-featured figure{display:block;text-align:center;padding:5px}
 .layout-sunflower .section-featured figcaption{font-size:30px;margin:25px 5px}
 .layout-sunflower .rsvp-form{padding:20px 15px}
 :is(.layout-starry,.layout-sunflower) .locations{gap:25px}
 :is(.layout-starry,.layout-sunflower) .locations article+article{margin-top:0}
 .layout-sunflower .gallery{gap:13px}
 .layout-sunflower .gallery a{padding:5px 5px 18px}
}
