/* WISP pages only: acronym grid + click-to-play video. Uses the site tokens from site.css. */
.acro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:0 0 1.1rem}
.acro>div{background:var(--bg);padding:1.3rem .6rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;min-width:0}
.acro__l{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,7vw,3.4rem);line-height:1;color:var(--ink-bright)}
.acro>div:nth-child(3) .acro__l{color:var(--accent-price)}
.acro__en{font-size:.62rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-label)}
.acro__es{font-size:.86rem;line-height:1.25;color:var(--ink-mid)}
.prose .acro-full{font-size:1.02rem;color:#b5b8b3}

.wvid{margin:1.6rem 0 0;display:grid;gap:.7rem}
.wvid__box{position:relative;aspect-ratio:1280/698;max-width:100%;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.wvid__btn{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;color:inherit}
.wvid__btn img{width:100%;height:100%;object-fit:cover;display:block}
.wvid__play{position:absolute;right:4%;bottom:6%;width:58px;height:58px;border-radius:50%;background:rgba(24,27,29,.78);border:1.5px solid var(--accent);display:grid;place-items:center;transition:transform .25s var(--ease),background .25s var(--ease)}
.wvid__play svg{width:22px;height:22px;fill:var(--accent);margin-left:3px;transition:fill .25s var(--ease)}
.wvid__btn:hover .wvid__play,.wvid__btn:focus-visible .wvid__play{transform:scale(1.06);background:var(--accent)}
.wvid__btn:hover .wvid__play svg,.wvid__btn:focus-visible .wvid__play svg{fill:var(--bg)}
.wvid__btn:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:12px}
.wvid__box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wvid figcaption{font-size:.8rem;color:var(--ink-muted)}
.wvid figcaption a{color:var(--ink-soft)}
@media (prefers-reduced-motion:reduce){.wvid__play,.wvid__play svg{transition:none}}

.wisp-fine{max-width:78ch;font-size:.8rem;line-height:1.6;color:var(--ink-muted);margin:1.4rem 0 0}
.prose.wisp-when h2{margin-top:0}
.prose.wisp-when p{margin-top:1rem}
@media (max-width:480px){.acro>div{padding-inline:.25rem}.acro__en{font-size:.55rem;letter-spacing:.05em}}
