/* Ordenatec: acceso seguro (acceso-seguro.js). Colores de la marca; el resto lo ponen las clases de la propia pantalla. */
.ot-as-sep{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:#9aacbf;font-size:12px;font-weight:700}
.ot-as-sep:before,.ot-as-sep:after{content:"";flex:1;height:1px;background:#e3eaf5}
.ot-as-ms{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border-radius:14px;
  border:1px solid #dbe6f4;background:#fff;color:#13233d;font:inherit;font-weight:800;font-size:13px;box-sizing:border-box;
  box-shadow:0 8px 18px #0e254d0d;cursor:pointer;transition:border-color .2s ease,transform .18s ease}
.ot-as-ms:hover{border-color:#c7d8ee;transform:translateY(-1px)}
.ot-as-ms:focus-visible{outline:none;box-shadow:0 0 0 4px #175cff1a;border-color:#175cff3d}
.ot-as-ms svg{width:18px;height:18px;flex:none}
.ot-as-nota{margin:10px 0 0;text-align:center;font-size:12px;font-weight:600;color:#607089;min-height:0}
.ot-as-nota:empty{display:none}
.ot-as-texto{margin:-6px 0 18px;text-align:center;font-size:13px;line-height:1.5;color:#607089;font-weight:600}
.ot-as-codigo input{text-align:center;font-size:22px!important;letter-spacing:.32em;font-weight:800!important;font-variant-numeric:tabular-nums}
.ot-as-codigo.ot-as-recuperacion input{letter-spacing:.14em;font-size:18px!important}
.ot-as-volver{display:block;margin-top:16px;text-align:center;font-size:13px;color:#607089;font-weight:600;text-decoration:none}
.ot-as-volver:hover{color:#175cff;text-decoration:underline}
.ot-as-qr{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 18px}
.ot-as-qr img{width:156px;height:156px;border-radius:14px;border:1px solid #e3eaf5;padding:8px;background:#fff;box-sizing:content-box}
.ot-as-clave{font:700 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#13233d;letter-spacing:.06em;word-break:break-all}
.ot-as-clave small{font-family:inherit;font-weight:600;color:#607089;letter-spacing:0;margin-right:6px}
.ot-as-codigos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px;margin:0 0 18px;padding:14px 18px;border-radius:14px;
  background:#f5f8fc;border:1px solid #e3eaf5;font:700 13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#13233d;text-align:center}
.ot-as-2fa{margin-top:28px;padding-top:24px;border-top:1px solid #e3eaf5}
.ot-as-estado{display:flex;align-items:center;gap:8px;margin:2px 0 10px;font-size:14px;font-weight:700;color:#13233d}
.ot-as-estado i{width:8px;height:8px;border-radius:50%;background:#607089;display:inline-block}
.ot-as-estado.on i{background:#0b64f0;box-shadow:0 0 0 4px #0b64f01f}
.ot-as-fila{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}
.ot-as-fila .ot-as-qr{margin:0}
.ot-as-col{flex:1;min-width:240px;max-width:520px}
.ot-as-2fa .ot-as-codigos{max-width:420px}
.ot-as-botones{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:6px}
.ot-as-pide{margin-top:8px;max-width:320px}
.ot-as-aviso{margin:12px 0 0;font-size:13px;font-weight:700;color:#b42318}
html[data-ot-theme=dark] .ot-as-ms{background:#0b1b33;color:#f4f8ff;border-color:#1d3355}
html[data-ot-theme=dark] .ot-as-codigos,html[data-ot-theme=dark] .ot-as-qr img{border-color:#1d3355}
html[data-ot-theme=dark] .ot-as-estado,html[data-ot-theme=dark] .ot-as-clave{color:#f4f8ff}
@media (max-width:560px){.ot-as-codigos{grid-template-columns:1fr 1fr;padding:12px}.ot-as-fila{gap:16px}}