/* Sobre fotográfico por capas (ver assets/sobre.js). Caja = 666 × 760 de la foto original. */
.sobre-r{position:relative;width:100%;aspect-ratio:666/760;isolation:isolate;perspective:1600px}
.sobre-r>div{position:absolute;inset:0}
.sr-mesa{background-size:100% 100%;z-index:0;pointer-events:none}
.sr-capa{isolation:isolate}
.sr-capa i{position:absolute;inset:0;display:block;background-size:100% 100%;background-repeat:no-repeat}
.sr-c{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--sr-bgc);background-image:var(--sr-bgi);background-size:var(--sr-bgs);background-blend-mode:multiply}
.sr-s{mix-blend-mode:multiply}
.sr-cuerpo{z-index:1}
.sr-forro{background-size:100% 100%;background-repeat:no-repeat}
.sr-forro-in{z-index:2;clip-path:inset(36.05% 0 0 0)}
.sr-forro-ab{clip-path:inset(0 0 63.94% 0)}
/* Hueco por el que sale la tarjeta: recorta todo lo que quede por debajo del sobre */
.sobre-r>.sr-hueco{z-index:4;inset:auto;left:0;right:0;top:-120%;bottom:4.08%;overflow:hidden;pointer-events:none}
.sr-tarjeta{position:absolute;left:15.5%;width:69%;top:0;aspect-ratio:5/7;transform:translateY(186%);transition:transform 1.1s cubic-bezier(.3,.1,.25,1);box-shadow:0 2px 3px rgba(0,0,0,.18),0 10px 24px -10px rgba(0,0,0,.35);border-radius:2px;overflow:hidden;background:#F6F0E4}
/* posiciones: dentro (163%), asomando en el catálogo (128%) y fuera al abrir (--sale) */
.sobre-r.fuera-carta .sr-tarjeta{transform:translateY(var(--sale,138%))}
.sr-bolsillo{z-index:5;filter:drop-shadow(0 -1px 1.5px rgba(0,0,0,.22))}
.sr-sello-bolsillo{z-index:6;pointer-events:none}
.sr-solapa{z-index:7;transform-style:preserve-3d;transform-origin:50% 36.053%;transition:transform .9s cubic-bezier(.45,.05,.3,1),z-index 0s .45s}
.sobre-r.abierto .sr-solapa{transform:rotateX(180deg);z-index:3}
.sr-cara{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:50% 36.053%}
.sr-cara>div{position:absolute;inset:0}
.sr-dentro{transform:rotateX(180deg)}
.sr-sombra{background-size:100% 100%}
/* Sello sobre la solapa cerrada y sobre el bolsillo (abierto) */
.sr-sello-solapa canvas,.sr-sello-bolsillo canvas{position:absolute;display:block}
.sr-sello-solapa .sr-lacre{width:24%;height:auto;left:38%;top:59%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35)) drop-shadow(0 6px 8px rgba(0,0,0,.22))}
.sr-sello-bolsillo .sr-lacre{width:20%;height:auto;left:40%;top:55.5%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35)) drop-shadow(0 5px 7px rgba(0,0,0,.2))}
.sr-sello-solapa .sr-grabado{width:40%;left:30%;top:47%}
.sr-sello-bolsillo .sr-grabado{width:36%;left:32%;top:71%}

/* Cara de la tarjeta (la invitación asomando) */
.sr-tarjeta{background:#F6F0E4 url(../img/lino.jpg) center/320px auto;container-type:inline-size}
.sr-carta-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.sr-carta-in .c-nombres{position:relative;z-index:2;line-height:1;padding:10% 6% 0;font-size:12.5cqw;text-shadow:0 0 6px rgba(250,246,238,.9),0 0 14px rgba(250,246,238,.8)}
.sr-carta-in .c-fecha{position:relative;z-index:2;font-size:4.2cqw;letter-spacing:.3em;margin-top:2.4cqw;opacity:.85;text-shadow:0 0 6px rgba(250,246,238,.9)}
.sr-carta-in .c-img{flex:1;min-height:0;width:100%;display:flex;align-items:flex-start;justify-content:center;padding:6% 9% 0}
.sr-carta-in .c-img img{max-width:100%;max-height:62%;object-fit:contain}
.sr-carta-in.c-paisaje .c-fondo{position:absolute;inset:0;background-size:cover;background-position:center 55%;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.6) 22%,#000 36%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.6) 22%,#000 36%)}
.sr-carta-in.c-marco .c-img{position:absolute;inset:0;padding:6% 3% 0;align-items:flex-start}
.sr-carta-in.c-marco .c-img img{max-height:52%}
.sr-carta-in.c-marco .c-nombres{position:absolute;top:19%;left:0;right:0;padding:0 30%;font-size:7.5cqw}
.sr-carta-in.c-marco .c-fecha{position:absolute;top:31%;left:0;right:0;font-size:3cqw}
@media (prefers-reduced-motion:reduce){.sr-solapa,.sr-tarjeta{transition:none!important}}

.sr-carta-in .c-nombres.mayus{font-size:8.5cqw}

/* Lacre: se levanta antes de abrir y se posa después de cerrar */
.sr-sello-solapa{transition:opacity .35s ease,transform .45s cubic-bezier(.3,1.4,.5,1);transform-origin:50% 66%}
.sobre-r.sin-sello .sr-sello-solapa{opacity:0;transform:scale(1.18) translateY(-2%)}

.sr-carta-in.c-lugar .c-img img{mix-blend-mode:multiply;max-height:66%}