/* v1.7 - cabecera definitiva Casas Yordana */
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  width:100%!important;
  min-height:104px!important;
  background:#10171b!important;
  border-bottom:1px solid #273138!important;
  overflow:hidden!important;
}
.topbar .nav{
  width:min(1360px,92%)!important;
  height:104px!important;
  min-height:104px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  overflow:hidden!important;
}
.topbar .brand-logo{
  flex:0 0 390px!important;
  width:390px!important;
  height:92px!important;
  max-height:92px!important;
  margin:0 auto 0 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  position:relative!important;
}
.topbar .site-logo-final{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:390px!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  position:static!important;
  transform:none!important;
}
.topbar .menu{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:30px!important;
  margin-left:auto!important;
  font-size:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.topbar .menu a{padding:13px 0!important;color:#fff!important;border:0!important}
.topbar .menu a:hover,.topbar .menu a.active-link,.topbar .menu a:first-child{color:#f36b0a!important}
.topbar .nav>.btn{flex:0 0 auto!important;padding:14px 24px!important;margin-left:8px!important}

/* El slider comienza siempre después del header */
.hero-slider{margin:0!important;position:relative!important;z-index:1!important;min-height:500px!important;overflow:hidden!important}
.hero-slide{min-height:500px!important;background-size:cover!important;background-position:center!important}
.hero-slide .container{position:relative!important;z-index:2!important}
.hero-slide .hero-copy{max-width:540px!important;padding:64px 0!important}
.hero-slide h1{font-size:clamp(44px,4.4vw,66px)!important;line-height:1.03!important;margin:10px 0 18px!important}

/* Footer: mismo logo horizontal, sin fondo ni deformación */
.footer-brand-logo{width:100%!important;max-width:330px!important;height:auto!important;margin:0 0 14px!important;padding:0!important;overflow:visible!important}
.footer-logo-final{display:block!important;width:100%!important;max-width:310px!important;height:auto!important;max-height:86px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;transform:none!important}

@media(max-width:1120px){
  .topbar .brand-logo{flex-basis:315px!important;width:315px!important}
  .topbar .site-logo-final{max-width:315px!important;max-height:74px!important}
  .topbar .menu{gap:18px!important;font-size:12px!important}
  .topbar .nav>.btn{padding:13px 18px!important}
}
@media(max-width:900px){
  .topbar{min-height:82px!important}
  .topbar .nav{height:82px!important;min-height:82px!important;gap:12px!important}
  .topbar .brand-logo{flex:0 1 270px!important;width:270px!important;height:72px!important;max-height:72px!important}
  .topbar .site-logo-final{max-width:270px!important;max-height:64px!important}
  .topbar .menu{display:none!important}
  .topbar .nav>.btn{margin-left:auto!important;padding:12px 16px!important}
  .hero-slider,.hero-slide{min-height:520px!important}
}
@media(max-width:560px){
  .topbar{min-height:72px!important}
  .topbar .nav{height:72px!important;min-height:72px!important;width:94%!important}
  .topbar .brand-logo{flex:0 1 205px!important;width:205px!important;height:62px!important}
  .topbar .site-logo-final{max-width:205px!important;max-height:54px!important}
  .topbar .nav>.btn{font-size:11px!important;padding:10px 12px!important;border-radius:7px!important}
  .hero-slide .hero-copy{padding:55px 24px 55px 0!important}
  .hero-slide h1{font-size:40px!important}
}