/* Estilos propios de inamex-id. Los tokens y clases base vienen de /shared/suite.css. */
.entrar{max-width:440px; margin:40px auto}
.entrar h1{font-size:24px; font-weight:800; margin-bottom:6px}
.entrar > p{margin-bottom:20px}
.ancho{width:100%}
.separador{display:flex; align-items:center; gap:12px; margin:20px 0; color:var(--muted); font-size:12px}
.separador::before,.separador::after{content:""; flex:1; height:1px; background:var(--line)}
.error{color:var(--bad); background:var(--bad-bg); padding:10px 12px; border-radius:var(--r-field); margin-bottom:12px; font-size:13.5px}
.aviso{color:var(--ok); background:var(--ok-bg); padding:10px 12px; border-radius:var(--r-field); margin-bottom:12px; font-size:13.5px}
.field input,.field select{font:inherit; padding:10px 12px; border:1px solid var(--line); border-radius:var(--r-field); background:var(--surface); color:var(--ink)}
.codigo input{font-size:24px; letter-spacing:.3em; text-align:center}
.chips{display:flex; flex-wrap:wrap; gap:8px; border:0; padding:0; margin:0 0 14px}
.chips legend{font-size:12px; font-weight:600; color:var(--muted); margin-bottom:6px; padding:0}
.chips label{cursor:pointer; position:relative}
.chips input{position:absolute; opacity:0; inset:0}
.chips span{display:inline-block; padding:7px 14px; border:1px solid var(--line); border-radius:var(--r-pill); font-size:13px}
.chips input:checked + span{background:var(--brand); border-color:var(--brand); color:var(--on-brand)}
.chips input:focus-visible + span{outline:2px solid var(--brand); outline-offset:2px}
.seccion{margin-top:28px}
.seccion h2{font-size:16px; font-weight:700; margin-bottom:12px}
.tabla{width:100%; border-collapse:collapse; font-size:14px}
.tabla th,.tabla td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line-2); vertical-align:middle}
.tabla th{font-size:12px; color:var(--muted); font-weight:600}
form.en-linea{display:inline}