/* VOXEO · acceso inmediato a la demo (js/demo-access.js) en las páginas que usan pages.css.
   La portada lleva estas mismas reglas en su propio <style>. */
.instant{background:var(--white);border:1px solid var(--rule);border-radius:var(--r-m);padding:clamp(22px,3vw,32px);box-shadow:var(--sh-2)}
.instant .vform .btn{justify-content:center;width:100%}
.fail{display:none;font-size:14px;color:var(--hot);line-height:1.5}
.fail.on{display:block}
.fail a{color:inherit;font-weight:600}
.creds{display:none;opacity:0;transform:translateY(6px);transition:opacity .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}
.creds.open{display:block}.creds.in{opacity:1;transform:none}
.creds h3{font-size:22px}
.creds>p{color:var(--ink-3);font-size:15px;margin-top:6px;line-height:1.5}
.creds dl{margin:22px 0 0;border-top:1px solid var(--rule)}
.creds dl>div{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--rule)}
.creds dt{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}
.creds dd{margin:0;font-family:var(--mono);font-size:15px;color:var(--ink);overflow-wrap:anywhere}
.copy{border:1px solid var(--rule);background:var(--white);border-radius:999px;padding:6px 12px;font:600 12.5px var(--sans);
  color:var(--ink-2);cursor:pointer;transition:border-color .15s,color .15s,transform .1s}
.copy:hover{border-color:var(--ink-3);color:var(--ink)}
.copy:active{transform:scale(.96)}
.creds .btn{margin-top:22px;width:100%;justify-content:center}
@media (max-width:420px){.creds dl>div{grid-template-columns:1fr auto}.creds dt{grid-column:1 / -1}}