/*
 * La Última Pista — /experiencias-personalizadas/: el sobre lacrado del hero.
 * Medidas en cqw (ancho del sobre) para que escale igual en móvil y escritorio.
 */
.sobre-hero{display:flex;flex-direction:column;gap:1.2rem;width:100%;max-width:520px;justify-self:center}
.sobre-quien{display:flex;flex-direction:column;gap:.4rem}
.sobre-quien label{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#b8a888}
.sobre-quien input{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.6rem;padding:.3rem .1rem;border:0;border-bottom:1.5px solid var(--gold);background:transparent;color:#ede0c4;min-height:48px;border-radius:0}
.sobre-quien input::placeholder{color:rgba(237,224,196,.45)}
.sobre-quien input:focus-visible{outline:3px solid rgba(200,168,72,.5);outline-offset:4px}
.sobre{container-type:inline-size;position:relative;width:100%;margin-top:1.5rem}
.sobre__stage{position:relative;height:83.9cqw;perspective:1400px}
.sobre__hand{font-family:'Caveat',cursive;font-weight:500}
.sobre__letter{position:absolute;left:9.7cqw;right:9.7cqw;top:24.2cqw;height:53.2cqw;box-sizing:border-box;background:#f6efe0;color:#2a2016;border-radius:3px;padding:5.5cqw 5.8cqw;box-shadow:0 10px 30px rgba(0,0,0,.4);z-index:2;display:flex;flex-direction:column;gap:2cqw;background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(138,110,60,.15) 31px 32px);transform:translateY(9.7cqw);transition:transform 1s cubic-bezier(.2,.8,.2,1) .35s}
.sobre__greet{font-size:max(1.4rem,6.1cqw);line-height:1}
.sobre__txt{font-family:'Cormorant Garamond',Georgia,serif;font-size:max(15px,3.55cqw);line-height:1.45}
.sobre__timer{font-size:max(1.05rem,4.2cqw);color:#8e2f24}
.sobre__body{position:absolute;left:0;right:0;top:32.3cqw;height:51.6cqw;background:#e9dcc1;border-radius:6px;z-index:3;box-shadow:0 40px 70px rgba(0,0,0,.55);overflow:hidden}
.sobre__body svg,.sobre__flap svg{position:absolute;inset:0;width:100%;height:100%}
.sobre__to{position:absolute;left:6.5cqw;bottom:4.8cqw;font-size:max(1.5rem,6.5cqw);color:#4a3a2a}
.sobre__flap{position:absolute;left:0;right:0;top:32.3cqw;height:30.6cqw;z-index:4;transform-origin:50% 0;transition:transform .8s cubic-bezier(.5,0,.2,1)}
.sobre__seal{position:absolute;left:50%;top:53.2cqw;width:max(64px,16.8cqw);height:max(64px,16.8cqw);transform:translate(-50%,-50%);border-radius:50%;border:0;z-index:5;cursor:pointer;background:radial-gradient(circle at 40% 35%,#b5463a,#8e2f24 60%,#6e2119);box-shadow:0 8px 18px rgba(0,0,0,.45),inset 0 0 0 6px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;transition:transform .3s,opacity .4s}
.sobre__seal:hover{transform:translate(-50%,-50%) scale(1.06)}
.sobre__seal:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.sobre__seal svg{width:34%;height:auto}
.sobre__hint{position:absolute;left:50%;top:72.3cqw;margin-left:11.3cqw;z-index:5;font-size:max(1.1rem,4.2cqw);color:var(--gold);transform:rotate(-4deg);pointer-events:none}
.sobre__close{align-self:flex-end;background:none;border:0;color:#b8a888;font-family:var(--mono);font-size:.8125rem;text-decoration:underline;cursor:pointer;min-height:44px}
.sobre.is-open .sobre__flap{transform:rotateX(180deg);z-index:1}
.sobre.is-open .sobre__letter{transform:translateY(-27cqw)}
.sobre.is-open .sobre__seal{opacity:0;pointer-events:none}
.sobre.is-open .sobre__hint{display:none}
@media(max-width:1024px){.sobre-hero{margin-top:2rem}}
@media (prefers-reduced-motion:reduce){.sobre__letter,.sobre__flap,.sobre__seal{transition:none}}

/* Auditoría UX: con el sobre cerrado no se deja el hueco reservado para la carta;
   el hueco se abre al romper el lacre. */
.sobre__stage{height:63.9cqw;transition:height .8s cubic-bezier(.5,0,.2,1)}
.sobre__body,.sobre__flap{top:12.3cqw;transition:top .8s cubic-bezier(.5,0,.2,1),transform .8s cubic-bezier(.5,0,.2,1)}
.sobre__letter{top:4.2cqw;transition:transform 1s cubic-bezier(.2,.8,.2,1) .35s,top .8s cubic-bezier(.5,0,.2,1)}
.sobre__seal{top:33.2cqw;transition:transform .3s,opacity .4s,top .8s cubic-bezier(.5,0,.2,1)}
.sobre__hint{top:52.3cqw}
.sobre.is-open .sobre__stage{height:83.9cqw}
.sobre.is-open .sobre__body,.sobre.is-open .sobre__flap{top:32.3cqw}
.sobre.is-open .sobre__letter{top:24.2cqw}
.sobre.is-open .sobre__seal{top:53.2cqw}
@media (prefers-reduced-motion:reduce){.sobre__stage,.sobre__body,.sobre__flap,.sobre__letter,.sobre__seal{transition:none}}