/* marca/servba.css -- marca Servicios BA para el panel de serviciosba.com.
   Va DESPUÉS de los CSS compartidos con inmobiliariaberasueta.com
   (/css/*, servidos por Alias desde la cuenta berasue): acá solo se pisa
   lo propio de la marca, todo lo demás (botones, tablas, formularios) es
   igual en las dos webs. */
:root{
  --sba-verde:#0f9d8a; --sba-petroleo:#0e7490; --sba-oscuro:#123c44;
}
/* En Berasueta hay una barra fija de "Hola, X" arriba del header; acá no. */
header.sba-header{margin-top:0; top:0;}
.sba-header .headwrap{display:flex; align-items:center; gap:20px; padding:10px 32px; max-width:1180px; margin:0 auto; flex-wrap:wrap;}
.sba-marca{display:flex; align-items:center; gap:10px; color:var(--sba-oscuro); text-decoration:none;}
.sba-marca img{display:block; border-radius:10px;}
.sba-nombre{font-family:var(--display); font-weight:700; font-size:21px; line-height:1.05; letter-spacing:-0.01em;}
.sba-nombre b{color:var(--sba-verde); font-weight:800; margin-left:4px;}
.sba-nombre small{display:block; font-family:var(--body); font-weight:500; font-size:11.5px; color:var(--gray-600); letter-spacing:0.02em; margin-top:3px;}
.sba-central{display:flex; align-items:center; gap:6px; font-size:13px; color:var(--gray-600); flex:1;}
.sba-usuario{display:flex; align-items:center; gap:10px; font-size:13.5px; font-weight:600; color:var(--sba-oscuro);}

.sba-login{max-width:380px; margin:56px auto 72px; padding:32px 28px; background:#fff; border:1px solid #E6EAF0; border-radius:16px; box-shadow:0 8px 28px rgba(18,60,68,0.08); text-align:center;}
.sba-login h1{font-family:var(--display); font-size:22px; color:var(--sba-oscuro); margin:14px 0 4px;}
.sba-login > p{color:var(--gray-600); font-size:14px; margin-bottom:18px;}
.sba-login img{display:block; margin:0 auto; border-radius:14px;}
.sba-login form{text-align:left;}
.sba-login form input{width:100%;}
.sba-login form .btn{width:100%; margin-top:16px; justify-content:center;}
.sba-login a{color:var(--sba-petroleo); text-decoration:underline;}

.sba-footer{margin-top:48px; padding:22px 32px; background:var(--sba-oscuro); color:rgba(255,255,255,0.8); font-size:13px; text-align:center; line-height:1.7;}

@media (max-width:700px){
  .sba-header .headwrap{padding:8px 16px; gap:8px 12px;}
  .sba-central{order:3; flex-basis:100%; font-size:12px;}
  .sba-usuario{margin-left:auto;}
  .sba-nombre{font-size:18px;}
  .sba-login{margin:32px 16px 48px;}
}