/* Encabezado idéntico al de AUTO360 (styles.css + studio.css + theme-bm.css), para INMO360 y la portada.
   Mismas medidas, colores y cortes por tamaño de pantalla. Si cambia el de AUTO360, cambiar aquí también. */
.header{min-height:92px;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:10;
  background:rgba(6,13,26,.86);border-bottom:1px solid rgba(227,180,90,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.header a{color:inherit;text-decoration:none}
.header .brand{font-size:27px;font-weight:900;white-space:nowrap;line-height:1;display:flex;align-items:center;gap:12px;letter-spacing:normal}
.header .brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 16px rgba(227,180,90,.35)}
.header .brand .bt{display:block;font-family:Cinzel,Georgia,serif;font-size:22px;font-weight:700;letter-spacing:1px;line-height:1;color:#f3efe6}
.header .brand .bt b{color:#e3b45a;font-weight:700}
.header .brand .bt small{display:block;font-family:Montserrat,Arial,sans-serif;font-size:8.5px;letter-spacing:2.8px;color:#e3b45a;margin-top:6px;font-weight:600}
.header nav{display:flex;gap:28px;font-size:13px}
.header nav a{color:#a9b3c4}
.header nav a:hover,.header .text-link:hover{color:#f2cf86}
.header-actions{display:flex;align-items:center;gap:20px}
.header .text-link{font-size:13px;font-weight:600;line-height:2}
.header .login-link{font-size:13px;color:#f3efe6}
.header .button.small{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;padding:12px 18px;gap:24px;font-size:12px;font-weight:700;border-radius:5px;
  border:1px solid #e3b45a;background:linear-gradient(180deg,#f2cf86,#e3b45a);color:#1a1408;box-shadow:0 8px 24px rgba(227,180,90,.22);transition:transform .2s,background .2s}
.header .button.small:hover{background:linear-gradient(180deg,#f7dca0,#f2cf86);transform:translateY(-2px)}
.header .button.small span{font-size:20px}
@media(max-width:1050px){
  .header{padding:18px 30px}
  .header nav{gap:15px;font-size:11px}
}
@media(max-width:760px){
  .header{padding:18px 22px;min-height:78px;gap:15px}
  .header .brand{font-size:24px}
  .header nav{display:none}
  .header .button.small{padding:11px 13px;gap:12px;font-size:10px}
  .header .login-link{display:none}
}
@media(max-width:620px){
  .header .brand img{width:42px;height:42px}
  .header .brand .bt{font-size:19px}
}