/* ===== Realbrokers: navegación y acabado unificado ===== */
:root{--rb-red:#d70909;--rb-red2:#b80000;--rb-dark:#101010;--rb-soft:#f5f5f5;--rb-text:#202020;--rb-header-h:76px}
html{scroll-behavior:smooth;overflow-y:scroll}*{box-sizing:border-box}
body{margin:0!important;font-family:Segoe UI,Arial,sans-serif!important;color:var(--rb-text);background:#fff}
.rb-topbar{height:34px;display:flex;align-items:center;justify-content:center;background:var(--rb-dark);color:#fff;padding:0 20px;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden}
.rb-header{
  position:sticky!important;top:0!important;z-index:9999!important;
  width:100%!important;height:var(--rb-header-h)!important;
  margin:0!important;padding:0!important;
  display:block!important;float:none!important;clear:both!important;
  background:#fff!important;color:#111!important;
  border:0!important;border-bottom:1px solid #eee!important;
  box-shadow:0 2px 12px rgba(0,0,0,.06)!important;
  flex:none!important;flex-wrap:nowrap!important;align-items:initial!important;justify-content:initial!important;
}
.rb-nav{width:calc(100% - 40px)!important;max-width:1200px!important;height:var(--rb-header-h)!important;margin:0 auto!important;padding:0!important;display:grid!important;grid-template-columns:245px minmax(0,1fr)!important;align-items:center!important;gap:20px!important}
.rb-brand{width:245px!important;height:54px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;text-decoration:none!important;color:#111!important;background:transparent!important}
.rb-logo-slot{width:220px;height:50px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.rb-brand img{display:block;width:auto;height:46px;max-width:220px;object-fit:contain}
.rb-brand-fallback{display:none;font-size:23px;line-height:1;font-weight:900;letter-spacing:.5px;white-space:nowrap}.rb-brand-fallback span{color:var(--rb-red)}
.rb-menu{min-width:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;background:transparent!important;position:static!important;float:none!important}
.rb-header .rb-menu ul{width:100%;height:100%;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;list-style:none!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important}
.rb-header .rb-menu li{margin:0!important;padding:0!important;display:block!important;float:none!important;width:auto!important}
.rb-header .rb-menu a{height:42px;display:flex!important;align-items:center;justify-content:center;padding:0 10px!important;border-radius:7px;font-family:Segoe UI,Arial,sans-serif!important;font-weight:600!important;font-size:14px!important;line-height:1!important;text-decoration:none!important;color:#222!important;white-space:nowrap!important;background:transparent;transition:.2s ease}
.rb-header .rb-menu a:hover,.rb-header .rb-menu a.rb-active{background:#f1f1f1!important;color:var(--rb-red)!important}
.rb-header .rb-menu .rb-nav-cta{height:42px;background:var(--rb-red)!important;color:#fff!important;padding:0 15px!important;gap:7px}.rb-header .rb-menu .rb-nav-cta:hover,.rb-header .rb-menu .rb-nav-cta.rb-active{background:var(--rb-red2)!important;color:#fff!important}
.rb-footer{background:#0d0d0d;color:#ccc;padding:38px 20px;margin-top:60px}.rb-footer-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.rb-footer strong{color:#fff}.rb-footer-links{display:flex;gap:16px;flex-wrap:wrap}.rb-footer a{color:#ccc!important;text-decoration:none!important}.rb-footer a:hover{color:#fff!important}

/* Blindaje contra los estilos antiguos de styles.css: mantiene el menú idéntico en todas las páginas */
.rb-header *{box-sizing:border-box}
.rb-header .rb-nav,.rb-header .rb-brand,.rb-header .rb-logo-slot,.rb-header .rb-menu,.rb-header .rb-menu ul,.rb-header .rb-menu li,.rb-header .rb-menu a{box-sizing:border-box!important}

/* acabado general para páginas internas */
h1,h2,h3{font-family:Segoe UI,Arial,sans-serif}button,.btn,a.boton,a.button{transition:.2s ease}.card,.proyecto-card,.propiedad-card,.credito-card,.contact-card,.miembro,.servicio-card{border-radius:14px!important;box-shadow:0 8px 25px rgba(0,0,0,.06)!important}
@media(max-width:1050px){.rb-nav{grid-template-columns:205px minmax(0,1fr)!important}.rb-brand{width:205px!important}.rb-logo-slot{width:190px}.rb-brand img{max-width:190px}.rb-header .rb-menu a{padding:0 7px!important;font-size:13px!important}.rb-header .rb-menu .rb-nav-cta{padding:0 11px!important}}
@media(max-width:900px){:root{--rb-header-h:auto}.rb-topbar{height:auto;min-height:32px;padding:7px 14px;font-size:12px;white-space:normal}.rb-header{height:auto!important;position:sticky!important}.rb-nav{width:100%!important;height:auto!important;min-height:72px!important;padding:10px 16px!important;display:block!important}.rb-brand{width:100%!important;height:48px!important}.rb-menu{width:100%!important;height:auto!important;overflow-x:auto!important;justify-content:flex-start!important;padding-top:7px!important;-webkit-overflow-scrolling:touch}.rb-header .rb-menu ul{width:max-content!important;height:auto!important;justify-content:flex-start!important}.rb-header .rb-menu a{height:38px}.rb-logo-slot{height:46px}.rb-brand img{height:40px}}
