/* Latest Spanish direction: clarity before spectacle. */
.wivr-compact-opening{display:none}
:is(html[lang=es],html[lang=en]) .wivr-home-faq{background:var(--paper);color:var(--ink)}
:is(html[lang=es],html[lang=en]) .wivr-home-faq summary{font:500 18px/1.45 var(--font-text);padding-right:12px}
:is(html[lang=es],html[lang=en]) .wivr-home-faq details p{font:400 16px/1.7 var(--font-text);max-width:72ch}
:is(html[lang=es],html[lang=en]) .wivr-human-contact{margin:24px 0 0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
:is(html[lang=es],html[lang=en]) .dark .button{background:var(--paper);color:var(--ink);border-color:var(--paper)}
:is(html[lang=es],html[lang=en]) .wivr-real-case-grid{align-items:start;gap:40px}
:is(html[lang=es],html[lang=en]) .wivr-real-case h3{font:400 28px/1.2 var(--font-display);margin:20px 0 8px}
:is(html[lang=es],html[lang=en]) .wivr-real-case .textlink{margin-top:8px}
:is(html[lang=es],html[lang=en]) .wivr-case-poster{display:block;background:var(--stone)}
:is(html[lang=es],html[lang=en]) .wivr-case-poster img{display:block;width:100%;height:440px;object-fit:contain}
:is(html[lang=es],html[lang=en]) .wivr-asset-pending{min-height:440px;display:flex;flex-direction:column;justify-content:center;padding:24px;border:1px solid var(--stone);color:var(--moss)}
:is(html[lang=es],html[lang=en]) .wivr-closing-static .button{margin-top:20px}
:is(html[lang=es],html[lang=en]) .wivr-closing-human{padding:24px 32px;text-align:center;border-top:1px solid rgba(244,241,234,.2)}
:is(html[lang=es],html[lang=en]) .wivr-photo-reveal{opacity:1;transition:transform 650ms var(--ease)}
:is(html[lang=es],html[lang=en]) #home-18-21{font-size:clamp(22px,2.5vw,36px)!important;line-height:1.25!important}
:is(html[lang=es],html[lang=en]) summary{overflow-wrap:anywhere}
@media(max-width:900px){
 :is(html[lang=es],html[lang=en]) .wivr-home #section-01{min-height:0;overflow:clip}
 :is(html[lang=es],html[lang=en]) .wivr-native-opening{display:none!important}
 :is(html[lang=es],html[lang=en]) .wivr-compact-opening{display:grid;position:relative;isolation:isolate;min-height:680px;padding:128px 24px 40px;color:var(--paper);background:var(--ink);align-items:center}
 :is(html[lang=es],html[lang=en]) .wivr-compact-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.38);z-index:-1}
 :is(html[lang=es],html[lang=en]) .wivr-compact-copy{min-width:0;max-width:580px;margin:auto}
 :is(html[lang=es],html[lang=en]) .wivr-compact-copy .wivr-relive-title{font-size:80px;margin:0 0 24px;line-height:.95}
 :is(html[lang=es],html[lang=en]) .wivr-compact-copy .lead{font-size:32px;line-height:1.08;margin:0 0 24px}
 :is(html[lang=es],html[lang=en]) .wivr-compact-copy>p:not(.lead){font-size:16px;line-height:1.6;margin-bottom:24px}
 :is(html[lang=es],html[lang=en]) .wivr-compact-copy .button{background:var(--paper);color:var(--ink);border-color:var(--paper)}
 :is(html[lang=es],html[lang=en]) .wivr-compact-instagram{display:block;width:max-content;margin-top:20px;min-height:44px;padding:10px 0;font-size:13px}
 :is(html[lang=es],html[lang=en]) .wivr-home .section{padding:44px 0}
 :is(html[lang=es],html[lang=en]) .wivr-closing-animation,:is(html[lang=es],html[lang=en]) .wivr-process-animation{display:none!important}
 :is(html[lang=es],html[lang=en]) .wivr-closing-static{display:block}
 :is(html[lang=es],html[lang=en]) .wivr-closing-human{display:none}
 :is(html[lang=es],html[lang=en]) .wivr-process-reading{margin:0 auto}
 :is(html[lang=es],html[lang=en]) .wivr-process-reading>summary{display:none}
 :is(html[lang=es],html[lang=en]) .wivr-case-poster img{height:360px}
 :is(html[lang=es],html[lang=en]) .wivr-asset-pending{min-height:200px}
 :is(html[lang=es],html[lang=en]) .wivr-home-faq summary{font-size:17px}
 :is(html[lang=es],html[lang=en]) .wivr-home-faq h2{margin-bottom:28px}
}
@media(prefers-reduced-motion:reduce){:is(html[lang=es],html[lang=en]) .wivr-photo-reveal{transform:none;transition:none}:is(html[lang=es],html[lang=en]) .wivr-closing-human{display:none}}
/* Distinct compositions keep explanation compact without hiding it on scroll. */
:is(html[lang=es],html[lang=en]) .wivr-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0;border-top:1px solid var(--stone)}
:is(html[lang=es],html[lang=en]) .wivr-comparison p{margin:0;padding-top:20px;font-size:17px}
:is(html[lang=es],html[lang=en]) .wivr-comparison strong{display:block;margin-bottom:8px;font-weight:600}
:is(html[lang=es],html[lang=en]) .wivr-explanation{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px}
:is(html[lang=es],html[lang=en]) .wivr-purpose p,:is(html[lang=es],html[lang=en]) .wivr-delivery p,:is(html[lang=es],html[lang=en]) .wivr-explanation p{font-size:17px;line-height:1.65}
:is(html[lang=es],html[lang=en]) .wivr-real-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(html[lang=es],html[lang=en]) .wivr-real-case figure img{height:440px;object-fit:cover}
:is(html[lang=es],html[lang=en]) .wivr-home .reveal{opacity:1;transform:none}
@media(max-width:767px){
 :is(html[lang=es],html[lang=en]) .wivr-comparison,:is(html[lang=es],html[lang=en]) .wivr-explanation,:is(html[lang=es],html[lang=en]) .wivr-real-case-grid{grid-template-columns:1fr;gap:20px}
 :is(html[lang=es],html[lang=en]) .wivr-comparison{margin:24px 0}
 :is(html[lang=es],html[lang=en]) .wivr-comparison p{padding-top:12px}
 :is(html[lang=es],html[lang=en]) .wivr-explanation p{margin:0}
 :is(html[lang=es],html[lang=en]) .wivr-real-case figure img{height:auto;max-height:440px;object-fit:contain}
}

:is(html[lang=es],html[lang=en]) .wivr-case-seraote figure img{object-fit:contain;background:var(--paper)}

/* Matching frames for the three real weddings, at every breakpoint. */
:is(html[lang=es],html[lang=en]) .wivr-real-case figure,:is(html[lang=es],html[lang=en]) .wivr-real-case .wivr-case-poster{margin:0;width:100%;aspect-ratio:3/4;overflow:hidden}
:is(html[lang=es],html[lang=en]) .wivr-real-case figure img,:is(html[lang=es],html[lang=en]) .wivr-real-case .wivr-case-poster img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:3/4;object-fit:cover}