/* ─── auth-brand.css — panel de marca Vitalis-BO para pantallas de login ────
   Compartido entre login.html y superadmin/index.html. El formulario en sí
   (.login-card y sus campos) se define aparte en cada página. */

.auth-brand{
  flex:1 1 46%;background-color:#0b1622;color:#e8fbf9;position:relative;
  display:flex;align-items:center;justify-content:center;padding:48px 40px;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:36px 36px;
}
.auth-brand-inner{max-width:360px;text-align:center}
.vb-logo-wrap{margin-bottom:22px}
.vb-logo-img{max-width:220px;width:100%;display:none}
.vb-cross{display:grid;grid-template-columns:repeat(3,24px);grid-template-rows:repeat(3,24px);gap:6px;margin:0 auto 16px;justify-content:center}
.vb-cross span{border-radius:6px}
.vb-cross span:nth-child(1),.vb-cross span:nth-child(3),.vb-cross span:nth-child(7),.vb-cross span:nth-child(9){background:transparent}
.vb-cross span:nth-child(2),.vb-cross span:nth-child(8){background:linear-gradient(135deg,#5ee7df,#2fb6c4)}
.vb-cross span:nth-child(4),.vb-cross span:nth-child(6){background:linear-gradient(135deg,#2fb6c4,#187f96)}
.vb-cross span:nth-child(5){background:linear-gradient(135deg,#8ff3ec,#3fc6d1)}
.vb-wordmark{font-size:24px;font-weight:800;letter-spacing:1px;color:#5ee7df}
.vb-wordmark span{color:#fff}
.auth-tagline{font-size:14.5px;color:#a9cfcb;margin:14px 0 26px;line-height:1.6}
.auth-points{list-style:none;text-align:left;display:flex;flex-direction:column;gap:14px}
.auth-points li{font-size:13px;color:#cfeeeb;display:flex;align-items:flex-start;gap:10px}
.auth-points i{color:#5ee7df;margin-top:2px;flex-shrink:0}

.auth-panel{flex:1 1 54%;display:flex;align-items:center;justify-content:center;padding:24px}

@media (max-width:820px){ .auth-brand{display:none} .auth-panel{flex:1 1 100%} }