/* Sobre vacío para el muestrario. La invitación real conserva sus propias reglas. */
body.modo-muestrario-sobre{margin:0;padding:0;overflow:hidden;background:#f8f7f3}
.modo-muestrario-sobre .envoltura,.modo-muestrario-sobre .bloque,.modo-muestrario-sobre .estilo,.modo-muestrario-sobre .mocks{margin:0!important;padding:0!important;max-width:none!important}
.modo-muestrario-sobre .mock.activo{display:block!important;width:100%!important;max-width:none!important;--env-duration:.88s;--env-flap-delay:.04s;--env-invite-return:.42s;--env-card-return:.52s;--env-seal-return:.18s;--env-liner-delay:.54s;--env-ease:cubic-bezier(.62,0,.32,1)}
.modo-muestrario-sobre .telefono{width:100vw!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.modo-muestrario-sobre .pantalla{border-radius:0!important;background:#f8f7f3!important}
.modo-muestrario-sobre .mock:not(.abierta):not(.muestrario-guardando) .invitacion{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.modo-muestrario-sobre .mock.abierta .invitacion{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;filter:none!important;z-index:21!important}
.modo-muestrario-sobre .mock.muestrario-guardando .invitacion{visibility:visible!important;opacity:0!important;pointer-events:none!important;transform:translate(34px,-94px) scaleX(var(--env-card-scale-x,.22)) scaleY(var(--env-card-scale-y,.33)) rotate(4deg)!important;transform-origin:center!important;transition:transform 420ms cubic-bezier(.4,0,.2,1),opacity 100ms ease 320ms!important;z-index:21!important}
.modo-muestrario-sobre .sobre{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:none!important;background:#f8f7f3!important;touch-action:manipulation}
.modo-muestrario-sobre .mock.abierta .sobre{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}
.modo-muestrario-sobre .sobre-nota{display:none}
.modo-muestrario-sobre .sobre::after{content:""!important;display:block!important;left:50%!important;top:50%!important;width:118px!important;height:176px!important;margin-left:-59px!important;margin-top:-88px!important;border:1px solid rgba(92,73,49,.16)!important;border-radius:2px!important;background:var(--env-card-image) center/cover no-repeat,linear-gradient(180deg,rgba(255,255,255,.35),rgba(0,0,0,.04)),var(--papel,#fff)!important;box-shadow:0 2px 8px rgba(42,34,25,.18),inset 0 0 0 1px rgba(255,255,255,.5)!important;z-index:2!important;animation:none!important}
.modo-muestrario-sobre .mock.abriendo .sobre::after{animation:tarjeta-sale .88s cubic-bezier(.3,.7,.3,1) .04s both!important}
.modo-muestrario-sobre .mock.muestrario-retornando .sobre::after{animation:tarjeta-regresa 520ms cubic-bezier(.4,0,.2,1) both!important}
.modo-muestrario-sobre .mock.muestrario-tarjeta-guardada .sobre::after{transform:translateY(45px)!important;opacity:0!important;animation:none!important;transition:none!important}
.modo-muestrario-sobre .mock.muestrario-retornando .sobre-solapa{z-index:2!important}
.modo-muestrario-sobre .mock.muestrario-retornando .sello{transition:none!important;transform:translateY(-8px) scale(.82) rotate(6deg)!important;opacity:0!important}
@keyframes tarjeta-regresa{0%{transform:translate(34px,-94px) rotate(4deg);opacity:1}78%{transform:translateY(30px);opacity:1}100%{transform:translateY(45px);opacity:0}}
.modo-muestrario-sobre .sobre-forro::before{inset:5px!important;clip-path:none!important;background:var(--tex-papel),var(--forro-img,none),var(--forro,#e9dfcf)!important;background-size:320px,cover!important;background-position:center!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)!important}
.modo-muestrario-sobre .sobre-solapa{transform-origin:50% 0!important;transition:transform var(--env-duration) var(--env-ease) var(--env-flap-delay),filter var(--env-duration) ease var(--env-flap-delay)!important}
.modo-muestrario-sobre .sobre-solapa::after,.modo-muestrario-sobre .sobre-solapa::before{transition:opacity .16s linear var(--env-liner-delay)!important}
.modo-muestrario-sobre .mock.abriendo .sobre-solapa{transform:rotateX(180deg)!important;z-index:2!important}
.modo-muestrario-sobre .mock.abriendo .sobre-solapa::after,.modo-muestrario-sobre .mock.abriendo .sobre-solapa::before{opacity:1!important}
.modo-muestrario-sobre .mock.muestrario-cerrando .sobre-solapa{z-index:5!important}
.modo-muestrario-sobre .mock.muestrario-retornando .sobre-solapa{z-index:2!important}
.modo-muestrario-sobre .mock.muestrario-sello-oculto .sello{transform:translateY(-8px) scale(.82) rotate(6deg)!important;opacity:0!important}
.modo-muestrario-sobre .mock.muestrario-sello-regresa .sello{transition:transform var(--env-seal-return) cubic-bezier(.4,0,.2,1),opacity var(--env-seal-return) ease!important;transform:none!important;opacity:1!important}
/* En el muestrario, el mapa neutro conserva el relieve y toma el tono del acabado configurado. */
.modo-muestrario-sobre .mock:not([data-sello-oro]) .sello::before{background-image:url("sobre/lacre-gris-muestrario.png");background-blend-mode:multiply;-webkit-mask-image:url("sobre/lacre-gris-muestrario.png");mask-image:url("sobre/lacre-gris-muestrario.png")}
.modo-muestrario-sobre .mock:not([data-sello-oro]) .sello::after{background-image:url("sobre/lacre-gris-muestrario.png")}
/* La profundidad tipográfica se conserva, con un relieve corto para que las iniciales sigan nítidas. */
.modo-muestrario-sobre .sello span{text-shadow:0 -.75px 0 color-mix(in srgb,var(--sello,#9c7a45),#000 58%),0 .75px 0 color-mix(in srgb,var(--sello,#9c7a45),#fff 42%)!important}

/* Pico: boca en V profunda y solapa triangular larga. */
.modo-muestrario-sobre .mock[data-solapa="pico"] .sobre-cuerpo{clip-path:polygon(0 0,50% 57%,100% 0,100% 100%,0 100%)}
.modo-muestrario-sobre .mock[data-solapa="pico"] .sobre-forro::after{clip-path:polygon(0 0,1.2% 0,50% 58%,98.8% 0,100% 0,50% 59.4%)}

/* Curva: misma bolsa profunda, con solapa redondeada de recorrido más pausado. */
.modo-muestrario-sobre .mock[data-solapa="curva"] .sobre-cuerpo{clip-path:polygon(0 0,50% 57%,100% 0,100% 100%,0 100%)}
.modo-muestrario-sobre .mock[data-solapa="curva"] .sobre-forro::after{clip-path:polygon(0 0,1.2% 0,50% 58%,98.8% 0,100% 0,50% 59.4%)}

/* Cartera recta: boca menos profunda y solapa corta. */
.modo-muestrario-sobre .mock[data-solapa="recta"] .sobre-cuerpo{clip-path:polygon(0 0,50% 30%,100% 0,100% 100%,0 100%)}
.modo-muestrario-sobre .mock[data-solapa="recta"] .sobre-forro::after{clip-path:polygon(0 0,1.2% 0,50% 31%,98.8% 0,100% 0,50% 32.4%)}

@media (min-width:900px){.modo-muestrario-sobre .sobre{transform:scale(1.22)!important}}
@media (prefers-reduced-motion:reduce){
  .modo-muestrario-sobre .sobre,.modo-muestrario-sobre .sobre-solapa,.modo-muestrario-sobre .sello,.modo-muestrario-sobre .sobre-adorno{transition:none!important}
  .modo-muestrario-sobre .mock.muestrario-cerrando .sello{transition:none!important}
  .modo-muestrario-sobre .mock.abriendo .sobre-solapa{transform:rotateX(180deg)!important}
}