/* XV Cuento en azul. Scoped to this variant; shares the existing Atelier renderer and RSVP. */
.atelier-xv_cuento_azul{--muted:#536d7c;--wash:#e5f0f8;--motif:url('../invitaciones/ornamentos/atelier_xv_cuento_azul.svg');background:#e7edf1}
.atelier-xv_cuento_azul .cuento-hero{position:relative;aspect-ratio:2/3;isolation:isolate;background:#e7f2fb;overflow:hidden}
.atelier-xv_cuento_azul .cuento-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.atelier-xv_cuento_azul .cuento-hero:after{content:"";position:absolute;inset:12px;border:1px solid #af8b5266;pointer-events:none;z-index:-1}
.atelier-xv_cuento_azul .cuento-top{position:absolute;top:2.5%;width:100%;text-align:center}
.atelier-xv_cuento_azul .cuento-top .atelier-monogram{position:relative;width:60px;height:66px;margin:0 auto 8px;border:1px solid #af8b52;border-radius:50%;background:#fffdf7b8;font-size:38px;color:#355978}
.atelier-xv_cuento_azul .cuento-top .atelier-monogram:before{content:"♛";position:absolute;top:-22px;font:23px Georgia,serif;color:#af8b52;left:50%;transform:translateX(-50%)}
.atelier-xv_cuento_azul .cuento-top .atelier-monogram:after{inset:4px;border-color:#af8b5270;border-radius:50%}
.atelier-xv_cuento_azul .cuento-copy{position:absolute;top:37.5%;left:6%;width:88%;padding:0;margin:0;background:none}
.atelier-xv_cuento_azul .cuento-copy .atelier-names{margin:0;font-size:clamp(58px,14vw,110px);line-height:1.15;text-shadow:0 1px 12px #fff9}
.atelier-xv_cuento_azul .cuento-copy .atelier-hero-date{font:14px/1.6 Georgia,serif;letter-spacing:.14em;margin:12px 0}
.atelier-xv_cuento_azul .cuento-headline{font:italic 17px/1.6 Georgia,serif;max-width:420px;margin:0 auto;color:#355978}
.atelier-xv_cuento_azul .cuento-discover{position:absolute;bottom:1.3%;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;background:#fffdf7d9;padding:5px 14px;font-size:10px}
.atelier-xv_cuento_azul .cuento-discover span{font-size:14px;line-height:1}
.atelier-xv_cuento_azul .cuento-portrait{padding:28px;background:var(--paper)}
.atelier-xv_cuento_azul .cuento-portrait img{height:auto;max-height:720px;object-fit:contain;border:1px solid var(--accent);padding:8px;background:white}
.atelier-xv_cuento_azul .atelier-intro,.atelier-xv_cuento_azul .atelier-date{background:linear-gradient(var(--paper),#eaf3f9,var(--paper))}
.atelier-xv_cuento_azul .atelier-intro .atelier-frame{border-radius:90px 90px 4px 4px;border:1px solid #af8b5277;background:#fffdf7ed}
.atelier-xv_cuento_azul .atelier-intro:before,.atelier-xv_cuento_azul .atelier-intro:after{opacity:.2}
.atelier-xv_cuento_azul .atelier-envelope{background:#dcebf5;color:var(--ink);box-shadow:none;border-block:1px solid #af8b5255}
.atelier-xv_cuento_azul .atelier-seal{color:#355978;border-color:#b09463;background:radial-gradient(circle at 35% 25%,#f5fbff,#bad4e5 75%);box-shadow:inset 0 0 0 4px #edf5fa88,inset 0 0 0 5px #af8b5280,0 3px 8px #35597820}
.atelier-xv_cuento_azul .atelier-rsvp{background:linear-gradient(#e5f0f8,#f9fcfe)}
.atelier-xv_cuento_azul .atelier-actions button,.atelier-xv_cuento_azul .atelier-actions a{border-radius:4px;background:#355978;border-color:#355978;color:#fffdf7}
.atelier-xv_cuento_azul .atelier-actions .outline{background:transparent;color:#355978;border-color:#af8b52}
@media(max-width:480px){.atelier-xv_cuento_azul .cuento-top{top:3.5%}.atelier-xv_cuento_azul .cuento-top .atelier-monogram{width:39px;height:44px;font-size:27px;margin-bottom:5px}.atelier-xv_cuento_azul .cuento-top .atelier-monogram:before{font-size:18px;top:-17px}.atelier-xv_cuento_azul .cuento-top .atelier-kicker{font-size:8px;letter-spacing:.18em}.atelier-xv_cuento_azul .cuento-copy{top:38%}.atelier-xv_cuento_azul .cuento-copy .atelier-names{font-size:clamp(52px,16vw,76px)}.atelier-xv_cuento_azul .cuento-copy .atelier-hero-date{font-size:10px;letter-spacing:.09em;margin:6px 0}.atelier-xv_cuento_azul .cuento-headline{font-size:12px;line-height:1.5;max-width:260px}.atelier-xv_cuento_azul .cuento-discover{font-size:8px;padding:2px 9px}.atelier-xv_cuento_azul .cuento-discover span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.atelier-xv_cuento_azul{scroll-behavior:auto}}
