/* additions on top of the approved UI kit (kit.css is verbatim) */
body{font-family:Barlow,'DIN Pro',system-ui,sans-serif}
a{color:inherit}
.rail a.ri{text-decoration:none}
.top select.sel{appearance:none;border:0;cursor:pointer;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);background-position:calc(100% - 15px) 16px,calc(100% - 10px) 16px;background-size:5px 5px;background-repeat:no-repeat;font-family:inherit}
.top select.sel option{color:#13283F}
.av{cursor:pointer;border:0;color:#fff}
.mt{margin-top:24px}.mt0{margin-top:0}.mb{margin-bottom:12px}
.hero .sub2{color:rgba(255,255,255,.85);font-size:12px;padding:4px 22px 0}
.h132{height:132px}.h220{height:220px}.h260{height:260px}.h300{height:300px}.h340{height:340px}.h420{height:420px}
.kx .d{margin-top:18px;font-weight:600;font-size:13px}.kx small{display:block;color:var(--mut);font-size:11.5px;margin-top:6px}
.alert{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--div);font-size:12.5px;color:var(--body)}.alert:last-child{border:0}
.alert .b{flex:none}
.note{color:var(--mut);font-size:12px;margin:10px 0 0}
.tblwrap{overflow-x:auto}
td.rr,th.rr{text-align:right}
.ok-t{color:var(--ok)}.bad-t{color:var(--bad)}.warn-t{color:var(--warn)}
.stk i.t0{background:#6B7A8C}.stk i.t1{background:#A8CBF5;color:#13283F}.stk i.t2{background:#7DB2F0;color:#13283F}.stk i.t3{background:#4A93EC}.stk i.t4{background:#2B7DE1}.stk i.t5{background:#3CCB8F;color:#0B2A1E}.stk i.tn{background:rgba(169,187,208,.25)}
.tl i.t0{background:#6B7A8C}.tl i.t1{background:#A8CBF5}.tl i.t2{background:#7DB2F0}.tl i.t3{background:#4A93EC}.tl i.t4{background:#2B7DE1}.tl i.t5{background:#3CCB8F}.tl i.tn{background:rgba(169,187,208,.4)}
.bar i{background:var(--acc)}
.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.form input,.form select{width:100%;height:40px;border-radius:10px;border:0;background:rgba(6,18,36,.35);color:var(--ink);padding:0 12px;font:inherit}
[data-theme=light] .form input,[data-theme=light] .form select{background:#F5F8FB;box-shadow:inset 0 0 0 1px #DFE5EE}
.login{max-width:380px;margin:12vh auto 0;padding:34px}.login img{width:120px;display:block;margin-bottom:22px}
.login input{width:100%;height:42px;border-radius:10px;border:0;background:rgba(6,18,36,.35);color:var(--ink);padding:0 12px;font:inherit;margin-bottom:14px}
[data-theme=light] .login input{background:#F5F8FB;box-shadow:inset 0 0 0 1px #DFE5EE}
.login .btn{width:100%;justify-content:center}.err{color:var(--bad);min-height:20px;font-size:12.5px}
.loginpage main{margin-left:0}
.hide{display:none!important}
.pill-pend{display:inline-flex;align-items:center;gap:6px;font:600 10.5px Barlow;letter-spacing:.08em;color:var(--warn);background:rgba(245,184,90,.12);border-radius:999px;padding:3px 9px;margin-left:10px;vertical-align:middle}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:11.5px}
.w-0{width:0}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}
.maff{font-weight:600;letter-spacing:.14em}
html{background:var(--bg2)}[data-theme=light]{background:#EDF1F7}

.err:empty{display:none}
.err:not(:empty){margin:-4px 0 4px}

.lerr{color:var(--bad);font-size:12.5px;min-height:0;margin:0}.lerr:empty{display:none}
/* Sus preguntas */
.qgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(max-width:1100px){.qgrid{grid-template-columns:1fr}}
.qc{padding:22px 22px 18px;display:flex;flex-direction:column;gap:12px;border-left:4px solid var(--mut2)}
.qc.ok{border-left-color:var(--ok)}.qc.warn{border-left-color:var(--warn)}.qc.bad{border-left-color:var(--bad)}
.qc .qq{font:600 15.5px Barlow,'DIN Pro',sans-serif;color:var(--ink);line-height:1.35}
.qc .qrow{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.qc .qbig{font:600 38px Barlow,'DIN Pro',sans-serif;line-height:1;font-variant-numeric:tabular-nums}
.qc.ok .qbig{color:var(--ok)}.qc.warn .qbig{color:var(--warn)}.qc.bad .qbig{color:var(--bad)}
.qc .qsub{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-top:6px;font-weight:600}
.qc .qd{margin-top:8px}
.qc .qspark{height:70px;min-width:0}
.qc .qa{font-size:14px;color:var(--body);line-height:1.5;margin:0}
.qc .qcav{font-size:12px;color:var(--mut);margin:0;display:flex;gap:6px}.qc .qcav:before{content:"ⓘ";color:var(--warn)}
.qc .qf{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:6px;border-top:1px solid var(--div)}
.qc .qf small{color:var(--mut2);font-size:11px}
.qc .qlink{font-weight:600;font-size:12.5px;color:var(--acc);text-decoration:none;white-space:nowrap}
.qlegend{display:flex;gap:18px;font-size:12px;color:var(--mut);margin-top:14px}.qlegend span{display:flex;gap:6px;align-items:center}
.ql{width:10px;height:10px;border-radius:3px;display:block}.ql.ok{background:var(--ok)}.ql.warn{background:var(--warn)}.ql.bad{background:var(--bad)}
.qc .qrow{grid-template-columns:1fr}.qc .qtl{height:170px;min-width:0}.qc .qtn{font-size:11px;color:var(--mut);margin:-6px 0 0}.qhow{margin-left:auto;color:var(--acc);font-weight:600;text-decoration:none}.qhow:hover{text-decoration:underline}.qthbox{padding:16px 20px;font-size:12.5px;color:var(--body)}.qthbox[hidden]{display:none}.qthl{margin:0;padding-left:18px;display:grid;gap:8px}.qthl small{color:var(--mut)}