/* Underc0de · modal de iniciar sesión y popups de SMF (2026-11-11). Vaciar este archivo revierte. */

/* ---------- popups en general: centrados, por encima de todo, sin ícono suelto ---------- */
body.u0 > .popup_container{
  z-index:100000 !important;overflow-y:auto;overscroll-behavior:contain;
  background:rgba(2,3,10,.82) !important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
body.u0 #smf_popup .popup_window{
  top:auto !important;width:min(440px,calc(100vw - 24px)) !important;max-width:none;
  margin:max(12px,10vh) auto 24px !important;padding:0 !important;box-sizing:border-box}
body.u0 #smf_popup .popup_heading{
  position:relative;display:flex;align-items:center;gap:.75rem;min-height:3.25rem;
  padding:.4rem .5rem .4rem 1.25rem !important;border-bottom:1px solid var(--line-soft);background:none !important}
body.u0 #smf_popup .popup_heading > .main_icons:not(.hide_popup){display:none}
body.u0 #smf_popup .popup_heading .hide_popup{
  order:2;margin-left:auto;flex:none;width:2.5rem;height:2.5rem;display:grid;place-items:center;
  border-radius:4px;opacity:.75;transition:opacity .15s,background-color .15s}
body.u0 #smf_popup .popup_heading .hide_popup:hover,
body.u0 #smf_popup .popup_heading .hide_popup:focus-visible{opacity:1;background-color:rgba(255,255,255,.08)}
body.u0 #smf_popup .popup_content{
  max-height:none !important;overflow:visible !important;margin:0 !important;
  padding:1.25rem !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
  background:none !important;line-height:1.5}

/* ---------- formulario de login ---------- */
body.u0 #smf_popup #frmLogin,body.u0 #frmLogin{width:100%;max-width:none;margin:0}
body.u0 #frmLogin dl{display:block;overflow:visible;margin:0}
body.u0 #frmLogin dt,body.u0 #frmLogin dd{float:none !important;width:auto !important;margin:0;padding:0;text-align:left}
body.u0 #frmLogin dt{margin:0 0 .35rem;font:600 .85rem var(--f-ui);color:var(--txt-2);letter-spacing:.02em}
body.u0 #frmLogin dd{margin:0 0 1rem}
body.u0 #frmLogin input[type=text],body.u0 #frmLogin input[type=password],
body.u0 .u0p6-mg input{width:100% !important;box-sizing:border-box;min-height:2.75rem;font-size:16px}
body.u0 #frmLogin input:focus-visible,body.u0 #frmLogin select:focus-visible{outline:2px solid var(--celeste);outline-offset:1px}

/* contraseña con botón «mostrar» */
body.u0 .u0l-pw{position:relative;display:block}
body.u0 .u0l-pw input{padding-right:5.5rem !important}
body.u0 .u0l-eye{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);
  padding:.35rem .6rem;background:none;border:0;color:var(--celeste);font:600 .75rem var(--f-ui);
  letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-radius:3px;box-shadow:none !important;clip-path:none !important;min-height:0}
body.u0 .u0l-eye:hover,body.u0 .u0l-eye:focus-visible{background:rgba(60,183,234,.12);outline:0}

/* «Tiempo de conexión» en una sola línea, discreto */
body.u0 #frmLogin dl + dl{display:flex;align-items:center;gap:.75rem;margin:-.25rem 0 1.1rem}
body.u0 #frmLogin dl + dl dt{margin:0;font-weight:400;color:var(--txt-3)}
body.u0 #frmLogin dl + dl dd{margin:0}
body.u0 #frmLogin select{min-height:2.25rem;width:auto !important;font-size:.9rem}

/* botón principal a todo el ancho y «olvidé» debajo */
body.u0 #frmLogin p{margin:0;text-align:center}
body.u0 #frmLogin input[type=submit]{width:100%;min-height:2.85rem;margin:0 !important;font-size:.85rem}
body.u0 #frmLogin p.smalltext{margin:.75rem 0 0;font-size:.85rem}
body.u0 #frmLogin .errorbox{margin:0 0 1rem;border-radius:0}

/* ---------- alternativas sin contraseña ---------- */
body.u0 .popup_content .u0p6-alt,body.u0 .u0p6-alt{max-width:none;margin:1.25rem 0 0}
body.u0 .u0p6-or{margin:0 0 .85rem;font-size:.82rem}
body.u0 .u0p6-or:before,body.u0 .u0p6-or:after{border-top-color:var(--line-soft)}
body.u0 .u0p6-alt.u0l-sole .u0p6-mg input{display:none}
body.u0 .u0p6-alt.u0l-sole{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem}
body.u0 .u0p6-alt.u0l-sole .u0p6-or,body.u0 .u0p6-alt.u0l-sole [role=status]{grid-column:1 / -1}
body.u0 .u0p6-alt.u0l-sole .u0p6-mg{display:block}
body.u0 .u0p6-alt .u0p6-mgb,body.u0 .u0p6-alt .u0p6-pkb{
  width:100%;min-height:2.6rem;margin:0;background:transparent !important;color:var(--celeste) !important;
  box-shadow:inset 0 0 0 1px var(--line);font-size:.74rem;letter-spacing:.05em;white-space:normal;line-height:1.2;padding:.5rem .6rem}
body.u0 .u0p6-alt .u0p6-mgb:hover,body.u0 .u0p6-alt .u0p6-pkb:hover{background:var(--celeste) !important;color:#000 !important}
body.u0 .u0p6-alt .u0p6-mgb:only-child{grid-column:1 / -1}
body.u0 .u0p6-alt [role=status]{margin:.25rem 0 0;font-size:.85rem;color:var(--txt-2);text-align:center}
body.u0 .u0p6-alt [role=status]:empty{display:none}

/* pie: registro */
body.u0 #smf_popup .popup_content > hr{margin:1.25rem -1.25rem 1rem;border:0;border-top:1px solid var(--line-soft)}
body.u0 #smf_popup .popup_content > .centertext{font-size:.9rem;color:var(--txt-2)}
body.u0 #smf_popup .popup_content > .centertext a{font-weight:600}

/* ---------- celular ---------- */
@media (max-width:560px){
  body.u0 #smf_popup .popup_window{margin:12px auto !important;max-height:none !important;overflow:visible !important}
  body.u0 #smf_popup .popup_content{padding:1rem !important}
  body.u0 #smf_popup .popup_content > hr{margin:1rem -1rem .85rem}
}
@media (max-width:400px){
  body.u0 .u0p6-alt.u0l-sole{grid-template-columns:1fr}
}

/* Si el navegador todavía tiene el JS anterior (campo propio para el link): campo arriba y botón abajo, a todo el ancho */
body.u0 .u0p6-alt:not(.u0l-sole) .u0p6-mg{flex-direction:column;gap:.5rem}
body.u0 .u0p6-alt:not(.u0l-sole) .u0p6-pkb{margin-top:.5rem}