/* logo-fix.css: tamaño adecuado de logo solo en header */
.header-card .brand{ display:flex; align-items:center; gap:12px; }
header .brand .logo, header.card .logo, .header-card .logo { height: 64px !important; width: auto !important; object-fit: contain; }
@media (max-width: 480px){ header .brand .logo, header.card .logo, .header-card .logo { height: 52px !important; } }


/* === Login UI refined (mobile safe) === */
.login-header{ text-align:center; margin: 8px 0 16px; }
.login-logo{ display:block; margin:0 auto 10px; max-width:120px; height:auto; }
@media (min-width:480px){ .login-logo{ max-width:140px; } }
.login-title{ text-align:center; font-size:1.4rem; font-weight:700; margin:8px 0 4px; color:var(--text, #e8eaed); }
.login-subtitle{ text-align:center; font-size:0.95rem; color:var(--muted, #9aa0a6); margin-bottom:16px; }

#frmAdminLogin .btn, form#frmAdminLogin button[type="submit"]{
  display:flex; justify-content:center; align-items:center; gap:6px;
  width:100%; padding:10px; font-size:1rem; font-weight:600;
  background:var(--brand, #21a607); color:#fff; border:none; border-radius:6px;
  cursor:pointer; transition:background .25s ease;
}
#frmAdminLogin .btn:hover, form#frmAdminLogin button[type="submit"]:hover{ background:#1c8e06; }