<style>
  /* ---------- Menú móvil (panel deslizante) ---------- */
  .mobile-menu{
    position: fixed;
    inset: 0 0 auto 0;
    top: 89px;
    left: 0; right: 0;
    max-height: calc(90dvh - var(--mobile-menu-top, 89px));
    background: var(--color-blue-bi);
    z-index: 10000;
    transform: translateY(-108%);
    opacity: 0;
    pointer-events: none;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    transition: transform 420ms cubic-bezier(.16,1,.3,1), opacity 360ms cubic-bezier(.2,.9,.2,1);
    will-change: transform, opacity;
    color: var(--color-white-bi);
    font-family: BiNeoIndustrial-Regular !important;
    font-size: 16px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
  }
  .mobile-menu .mobile-menu__inner{
    font-family: BiNeoIndustrial-Regular !important;
    font-size: 16px;
    color: var(--color-white-bi);
    text-align: center;
    transform: translateY(-6px);
    opacity: 0;
    transition: transform 360ms cubic-bezier(.2,.9,.2,1), opacity 320ms ease;
  }
  .mobile-menu-nav, .mobile-menu-list, .mobile-menu-item{ margin:0; padding:0; list-style:none; }
  .mobile-menu-link{
    display:block; width:100%; text-align:center; background:transparent; border:none;
    color:var(--color-white-bi); font-family:BiNeoIndustrial-Regular !important; font-size:16px;
    padding:12px 8px; text-decoration:none; cursor:pointer; position:relative; transition:color 300ms ease;
  }
  .mobile-menu-link:hover, .mobile-menu-link:active{ color:var(--color-yellow-bi); }
  .mobile-menu-link-arrow{ margin-left:5px; vertical-align:middle; color:var(--color-white-bi); fill:currentColor; transition:transform 300ms ease; }
  .mobile-menu-item button.mobile-menu-link.active{ color:var(--color-yellow-bi); }
  .mobile-menu-item button.mobile-menu-link.active .mobile-menu-link-arrow{ transform:rotate(180deg); }
  .mobile-menu-item button.mobile-menu-link.active .mobile-menu-link-arrow path{ fill:var(--color-yellow-bi); }

  button.hamburger, button.menu-autos-toggle{ background:none; border:none; cursor:pointer; color:inherit; }
  .header__menu .menu-autos-toggle .menu-autos-inner{ margin-top:14px;  display: inline-flex !important; align-items: center !important; white-space: nowrap !important; gap: 6px; }
  .header__menu li > button.menu-autos-toggle{ color:#FFF; font-size:16px; text-align:center; font-family:'BiNeoIndustrial-Regular'; }

  .hamburger .hamburger__bars{ transition:opacity 220ms ease, transform 220ms ease; }
  .hamburger .hamburger__close-icon{
    width:20px; height:20px; position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%) rotate(-90deg) scale(0.85); transform-origin:50% 50%;
    opacity:0; pointer-events:none; transition:opacity 220ms ease, transform 220ms ease;
  }
  .hamburger.is-open .hamburger__bars{ opacity:0; transform:scale(0.85); }
  .hamburger.is-open .hamburger__close-icon{ opacity:1; transform:translate(-50%,-50%) rotate(0deg) scale(1); }

  .mobile-menu.open{ transform:translateY(0); opacity:1; pointer-events:auto; }
  .mobile-menu.open .mobile-menu__inner{ transform:translateY(0); opacity:1; }
  body.mobile-menu-open{ overflow:hidden; }

  @media (min-width:768px){ .mobile-menu{ display:none !important; } }
  @media (max-width:767px){ .header__menu ul{ display:none !important; } }

  .mobile-menu-ctas{ padding:12px 16px 20px; padding-bottom:calc(20px + env(safe-area-inset-bottom,0px)); box-sizing:border-box; }
  .mobile-menu-ctas .btn-mobile-primary, .mobile-menu-ctas .btn-mobile-secondary{
    display:block; width:100%; max-width:420px; margin:16px auto 0 auto; text-align:center;
    border-radius:10px; padding:13px 20px; border:1px solid #ffffff; text-decoration:none;
    box-sizing:border-box; font-family:'BiNeoIndustrial-Bold' !important; font-weight:800;
    -webkit-font-smoothing:antialiased; cursor:pointer;
  }
  .mobile-menu-ctas .btn-mobile-primary{ background:transparent; color:var(--color-white-bi); }
  .mobile-menu-ctas .btn-mobile-secondary{ background:var(--color-aqua-bi); color:var(--color-blue-bi); border:transparent; }

  /* Dropdowns móvil */
  .mobile-dropdown-content{ display:none; padding:20px 15px 0px; background:var(--color-blue-bi); }
  .mobile-dropdown-section{ margin-bottom:24px; }
  .mobile-dropdown-section:last-child{ margin-bottom:0; }
  .mobile-dropdown-title{ font-family:'BiNeoIndustrial-Bold' !important; font-size:20px; color:var(--color-white-bi); margin:0 0 16px 0; text-align:left; }
  .mobile-dropdown-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; justify-items:start; }
  .mobile-dropdown-item{ font-family:'BiNeoIndustrial-Regular' !important; font-size:16px; color:var(--color-white-bi); text-decoration:none; padding:8px 0; display:block; transition:color 300ms ease; text-align:left; }
  .mobile-dropdown-item:hover{ color:var(--color-yellow-bi); text-decoration:underline; text-underline-offset:4px; }
  .mobile-otros-dropdown{ text-align:center; }
  .mobile-otros-item{ font-size:16px; font-family:'BiNeoIndustrial-Bold' !important; }

  .mobile-ver-todas-link{ margin-top:20px; display:flex; width:100%; justify-content:flex-start; align-items:center; gap:5px; color:var(--color-white-bi); text-decoration:none; text-align:left; }
  .mobile-ver-todas-text{ color:var(--color-white-bi); font-size:20px; font-family:'BiNeoIndustrial-Bold' !important; }
  .mobile-ver-todas-arrow{ width:16px; height:16px; color:var(--color-white-bi); fill:currentColor; transform:rotate(-90deg); }
  .mobile-ver-todas-divider{ width:100%; border-top:2px solid #FFFFFF; margin:24px 0; }

  .mobile-presupuesto-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; flex-wrap:wrap; gap:10px; }
  .mobile-presupuesto-label{ font-family:'BiNeoIndustrial-Bold' !important; font-size:20px; color:var(--color-white-bi); }
  .mobile-presupuesto-ranges{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; width:100%; margin-bottom:30px; }
  .mobile-presupuesto-ranges .range-btn{
    width:100%; background:var(--color-aqua-bi); color:var(--color-blue-bi); border:none; border-radius:10px;
    padding:13px 20px; cursor:pointer; font-family:'BiNeoIndustrial-Bold' !important; font-size:14px;
    transition:background-color 220ms ease, color 220ms ease; white-space:nowrap; text-align:center;
  }
  .mobile-presupuesto-ranges .range-btn:hover, .mobile-presupuesto-ranges .range-btn:active{ background:var(--color-yellow-bi); }

  .menuOny{ display:none; }
  @media(max-width:700px){ .menuOny{ display:block !important; } }

  /* ---------- Contenedor y logo ---------- */
  .header .container.clearfix{ max-width:1920px; }
  .container, .container--center .container{ padding-left:100px; padding-right:100px; }

  .header-tooltip{ display:none !important; }
  .derecha{ float:left; left:2%; position:relative; width:150px; margin-bottom:10px; }
  .logo-mobile{ display:none; }
  @media (max-width:767px){
    .logo-desktop{ display:none; }
    .logo-mobile{ display:inline-block; width:50px; height:40px; }
    .header--internas{ padding-top:23px;  }
  }

  /* ---------- Mega menú desktop ---------- */
  #menuonhoverauto{ background: background: var(--color-blue-bi) !important;}

  .menuhover{ width:100%; display:flex; justify-content:space-between; align-items:stretch; padding: 25px clamp(15px, 4vw, 60px); gap: clamp(24px, 4vw, 80px); }
  .menuhover h3{ color:#fff; font-weight:800; font-size:20px; font-family:'BiNeoIndustrial-Bold' !important; }
  .menuhover .vl{ height:auto; width:0.5px; padding:10px 0; }
  .menuhover .vl div{ background:#fff; height:100%; width:1px; }

  /* Columna izquierda (Tipo de vivienda + Ubicación) */
  .menu-col-left{ display:flex; flex-direction:column; min-width:210px; }
  .menu-col-left__divider{ width:100%; max-width:230px; height:1px; background:rgba(255,255,255,.35); margin:18px 0; }

  .comprarmenu ul{ list-style:none; padding:0; }
  .comprarmenu ul li{ padding-bottom:10px; }
  .comprarmenu ul li a{
    color:#fff; font-size:16px; line-height:25px; cursor:pointer; position:relative;
    display:inline-block; padding-bottom:5px; text-decoration:none;
  }
  .comprarmenu ul li a:hover{ color:var(--color-yellow-bi); text-decoration:none; }
  .comprarmenu ul li a::after{
    content:" "; position:absolute; left:0; right:0; bottom:4px; height:1px;
    background:var(--color-yellow-bi,#ffb81c); transform:scaleX(0); transform-origin:left; transition:transform 180ms ease;
  }
  .comprarmenu ul li a:hover::after{ transform:scaleX(1); }

  /* Columna central (Desarrolladoras texto + Presupuesto) */
  .marcasmenu-responsive{ flex:1; }
  .desarrolladorasmenu ul{ list-style:none; padding:0; columns:4; column-gap:24px; margin-top:6px; }
  .desarrolladora-item{ padding-bottom:12px; break-inside:avoid; }
  .desarrolladorasmenu ul li a{
    color:#fff; font-size:14px; line-height:22px; cursor:pointer; text-decoration:none;
    position:relative; display:inline-block; padding-bottom:3px; transition:color 180ms ease;
  }
  .desarrolladorasmenu ul li a:hover{ color:var(--color-yellow-bi); }
  .desarrolladorasmenu ul li a::after{
    content:" "; position:absolute; left:0; right:0; bottom:0; height:1px;
    background:var(--color-yellow-bi,#ffb81c); transform:scaleX(0); transform-origin:left; transition:transform 180ms ease;
  }
  .desarrolladorasmenu ul li a:hover::after{ transform:scaleX(1); }

  .ver-todas-wrap{ margin-top:12px; }
  .ver-todas-link{ display:inline-flex; align-items:center; gap:10px; color:#fff; text-decoration:none; font-size:20px; cursor:pointer; position:relative; padding-bottom:5px; }
  .ver-todas-link::after{ content:" "; position:absolute; left:0; right:0; bottom:2px; height:1px; background:var(--color-yellow-bi,#ffb81c); transform:scaleX(0); transform-origin:left; transition:transform 180ms ease; }
  .ver-todas-link .vermas-arrow{ margin-top:3px; width:16px; height:auto; flex:0 0 16px; transform:rotate(270deg); transition:transform 180ms ease; }
  .ver-todas-link:hover{ color:var(--color-yellow-bi); }
  .ver-todas-link:hover::after{ transform:scaleX(1); }

  .menu-separator{ width:100%; height:2px; background:var(--color-white-bi); margin:37px 0; }

  /* Presupuesto */
  .presupuesto-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
  .presupuesto-left{ font-family:'BiNeoIndustrial-Bold' !important; text-transform:uppercase; font-size:20px; color:var(--color-white-bi); }
  .presupuesto-right{ display:flex; align-items:center; gap:10px; }
  .presupuesto-label{ font-family:'BiNeoIndustrial-Bold' !important; font-size:20px; color:var(--color-white-bi); margin-right:6px; }
  .presupuesto-currencies{ padding:5px; background-color:#FFFFFF08; border-radius:8px; display:inline-flex; gap:15px; }
  .currency-btn{ font-family:'BiNeoIndustrial-Bold' !important; font-size:24px; background:transparent; color:var(--color-white-bi); padding:6px 10px; border:transparent; cursor:pointer; }
  .currency-btn.active, .currency-btn:hover{ background:var(--color-yellow-bi); color:var(--color-blue-bi); border-bottom-right-radius:16px; border-top-left-radius:16px; }

  .presupuesto-ranges{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; flex-wrap:wrap; gap:12px; }
  .presupuesto-ranges .range-btn{
    background:var(--color-aqua-bi); color:var(--color-blue-bi); border:none; border-radius:10px;
    padding:13px 20px; cursor:pointer; font-family:'BiNeoIndustrial-Bold' !important; font-size:14px;
    transition:background-color 220ms ease, color 220ms ease; white-space:nowrap;
  }
  .presupuesto-ranges .range-btn:hover{ background:var(--color-yellow-bi); }

  /* Columna derecha (banners) */
  .presupuestomenu{ display:flex; justify-content:space-around; }
  .vivienda-banner{ display:flex; flex-direction:column; gap:24px; width:100%; max-width: clamp(320px, 32vw, 430px); }
  .vivienda-card{ display:flex; gap:18px; align-items:center; }
  .vivienda-card__img{
    flex:0 0 clamp(120px, 12vw, 165px); height: clamp(160px, 16vw, 220px);  background:transparent; border-radius:8px;
    display:flex; align-items:center; justify-content:center; color:var(--color-blue-bi);
    font-family:'BiNeoIndustrial-Bold' !important; font-size:12px; text-align:center; padding:8px;
  }
  .vivienda-card__body{ flex:1; display:flex; flex-direction:column; gap:12px; }
  .vivienda-card__title{ font-family:'BiNeoIndustrial-Bold' !important; font-size: clamp(16px, 1.4vw + 0.4rem, 22px); line-height:1.15; color:var(--color-white-bi); margin:0; }
  .vivienda-card__text{ font-family:'BiNeoIndustrial-Regular' !important; font-size:14px; line-height:1.4; color:var(--color-white-bi); margin:0; }

  .btn-ingresa{ display:inline-block; background:var(--color-yellow-bi); color:var(--color-blue-bi); border-radius:25px 0 25px 0; padding:12px 26px; font-size:15px; font-family:'BiNeoIndustrial-Bold' !important; text-decoration:none; border:none; cursor:pointer; align-self:flex-start; }
  .btn-ingresa:hover{ background:var(--color-yellow-bi); }
  .bt-conoce-mas{ background-color:var(--color-aqua-bi) !important; color:var(--color-white-bi) !important; }

  .vivienda-help{ display:flex; justify-content:space-between; align-items:center; margin-top:8px; padding-top:16px; }
  .vivienda-help a{ color:var(--color-white-bi); text-decoration:none; font-size:14px; }
  .vivienda-help__right{ font-family:'BiNeoIndustrial-Bold' !important; }
  .vivienda-help a:hover{ color:var(--color-yellow-bi); }

  /* ---------- Responsivo ---------- */
  @media(max-width:1400px){
    .container, .container--center .container{ padding-left:15px; padding-right:15px; }
  }
  @media (max-width:1199px){
    .header__menu ul{ display:flex; align-items:center; justify-content:space-evenly; padding:10px 15px; }
    .menu-col-left{ margin-right:15px; }
    .marcasmenu-responsive{ margin:00 15px; }
    .presupuesto-ranges{ gap:15px; }
  }
  @media(max-width:1200px){
    .presupuestomenu{ display:none; }
    .desarrolladorasmenu ul{ columns:3; }
    div#menuonhoverauto{ max-height:60vh; overflow:auto; width:100%; }
  }
  @media(max-width:900px){
    .menuhover{ padding:0; flex-direction:column; }
    .header-responsive-hide{ display:none; }
  }
  @media(max-width:766px){
    div#menuonhoverauto{ display:none !important; }
    .menuheadermobile{ max-height:60vh; width:100%; overflow:auto; }
  }
  @media(max-width:767px){
    .header__menu ul{ display:none; }
    .header__menu ul.is-open{ display:inline-grid; justify-items:center; }
  }
.menuhover h3,
.comprarmenu h3,
.desarrolladorasmenu h3,
.mobile-dropdown-title{
  text-transform: none !important;
}


.hamburger{
  display:none;
  align-items:center; justify-content:center;
  width:44px; height:44px; padding:0;
  background:none; border:none; cursor:pointer; position:relative;
}
.hamburger .hamburger__bars{
  position:relative; display:block; width:26px; height:2px; background:#fff;
  transition:opacity 200ms ease;
}
.hamburger .hamburger__bars::before,
.hamburger .hamburger__bars::after{
  content:""; position:absolute; left:0; width:26px; height:2px; background:#fff;
}
.hamburger .hamburger__bars::before{ top:-8px; }
.hamburger .hamburger__bars::after{ top:8px; }

.hamburger .hamburger__close-icon{
  width:20px; height:20px; position:absolute; left:50%; top:50%;
  transform:translate(-50%,-50%) scale(.85); opacity:0; pointer-events:none;
  transition:opacity 200ms ease;
}
.hamburger.is-open .hamburger__bars{ opacity:0; }
.hamburger.is-open .hamburger__close-icon{ opacity:1; }

/* Mostrarla solo en móvil */
@media (max-width:767px){
  .header .container.clearfix{ position:relative; }
  .hamburger{
    display:flex !important;
    position:absolute; top:50%; right:16px; transform:translateY(-50%); z-index:10001;
  }
}


@media (max-width:767px){
  header.header .header__menu{
    display: block !important;
  }
}

@media (max-width:767px){
  header.header.header--internas{
    min-height: 0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    background: var(--color-blue-bi) !important;
  }
}

@media (max-width:767px){
  
  .header--internas .mobile-menu{
    margin-top:75px;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: var(--color-blue-bi) !important;
    z-index: 10000 !important;
    
    transform: translateY(-108%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  /* estado ABIERTO: baja y se muestra */
  .header--internas .mobile-menu.open{
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}




@media (max-width:767px){
  .header--internas .mobile-menu{
    max-height: 90dvh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}



@media (min-width:768px) and (max-width:990px){
  
  header.header .header__menu{ display:block !important; }
  .header__menu ul{
    display:flex !important;
    align-items:center;
    justify-content:space-evenly;   
    flex-wrap:nowrap;
    padding:10px 15px;
  }
  
  .hamburger{ display:none !important; }
  .header__menu ul li a.btn_bvienda,
  .header__menu ul li a.btn_solicita_tu__prestamo{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;          
    min-height: 44px !important;
    line-height: 1.2 !important;      
    white-space: normal !important;   
    text-align: center !important;
    padding: 10px 18px !important;
    
  }



  
}


.desarrolladorasmenu ul{
  columns: auto;                    
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(10px, 1.5vw, 20px);
}
.desarrolladora-logo{
  width: 100%;
  height: clamp(40px, 5vw, 70px);
  object-fit: contain;
}

/*
header.header.header--internas{
  background: var(--color-blue-bi) !important;   
}
*/

.header .header__menu ul li a{
  font-size: 16px;                       
  font-family: 'BiNeoIndustrial-Bold';   
  color: #fff;
}


.header .header__menu ul li a.btn_bvienda,
.header .header__menu ul li a.btn_solicita_tu__prestamo{
  font-family: 'BiNeoIndustrial-Bold';   
  color: var(--color-white-bi);          
}
.header .header__menu ul li a.btn_bvienda{
  font-family: 'BiNeoIndustrial-Bold' !important;
}
.header .header__menu ul li a.btn_solicita_tu__prestamo{
  background: #00c1c4; 
  font-family: 'BiNeoIndustrial-Bold' !important;
}

.desarrolladoras-grid-logos{
  list-style:none; padding:0; margin-top:6px;
  display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2.5vw,32px);
}
.desarrolladoras-grid-logos .desarrolladora-item{ display:flex; align-items:center; justify-content:center; padding:0; }
.desarrolladora-logo{ width:100%; max-width:clamp(90px,11vw,150px); height:clamp(45px,5.5vw,75px); object-fit:contain; transition:opacity 180ms ease, transform 180ms ease; }
.desarrolladora-logo:hover{ opacity:.8; transform:scale(1.05); }

.vivienda-banner-img{ width:100%; height:100%; object-fit:cover; border-radius:8px; display:block; }

@media (min-width:768px) and (max-width:990px){
  /* el contenedor común es el ancla */
  .header .container.clearfix{
  }
  #menuonhoverauto{
    position: absolute !important;
    top: 205% !important;      
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: var(--color-blue-bi) !important; 
  }
}

@media (min-width:768px) and (max-width:990px){
  .menu-col-left{
    flex-direction: row !important;
    justify-content: space-around !important;   /* ← reparte con aire a los lados */
    gap: clamp(24px, 5vw, 60px);
    max-width: none !important;
    flex: 1 1 auto !important;
  }
  .menu-col-left__divider{ display: none !important; }
}





  @media (max-width: 970px) {
    .header__menu ul li a,
    .header__menu ul li button,
    .menuheadermobile li a {
      padding-left: clamp(4px, 1.2vw, 16px) !important;
      padding-right: clamp(4px, 1.2vw, 16px) !important;
 
    }
  }



.mobile-marcas-carousel-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 10px 0;
  touch-action: pan-x;
}

.mobile-marcas-carousel::-webkit-scrollbar { display: none; }
.mobile-marca-slide {
  flex: 0 0 130px;
  width: 130px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.mobile-marca-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.mobile-marca-logo {
  max-width: 130px;
  max-height: 65px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  transition: opacity 200ms ease, transform 200ms ease;
}
.mobile-marca-slide a:active .mobile-marca-logo {
  opacity: 0.7;
  transform: scale(0.95);
}
.mobile-marcas-carousel {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  overflow-y: hidden;        
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 10px 0;
  touch-action: pan-x;       
  overscroll-behavior-x: contain; 
  overscroll-behavior-y: none; 
}
.mobile-menu{ touch-action: pan-y; }
.mobile-marcas-carousel-wrapper{ touch-action: pan-x; }
.mobile-marcas-carousel{
  touch-action: pan-x;
  overscroll-behavior-x: contain;
}

#home-blog-carousel{ touch-action: pan-y; }


.header__menu .menu-arrow{ transition: transform 200ms ease, fill 200ms ease; }
.header__menu li.open .menu-arrow{ transform: rotate(180deg); }


.header__menu .menu-autos-inner{ position: relative; }
.header__menu .menu-autos-inner::after{
  content:" "; position:absolute; left:0; right:0; bottom:-4px; height:1px;
  background: var(--color-yellow-bi);
  transform: scaleX(0); transform-origin:left; transition: transform 180ms ease;
}
.header__menu .menu-autos-text{ transition: color 200ms ease; }


@media (hover: hover) {
  .header__menu .menu-autos-toggle:hover .menu-autos-text{ color: var(--color-yellow-bi); }
  .header__menu .menu-autos-toggle:hover .menu-arrow path{ fill: var(--color-yellow-bi); }
  .header__menu .menu-autos-toggle:hover .menu-autos-inner::after{ transform: scaleX(1); }
}


.header__menu li.open .menu-autos-text{ color: var(--color-yellow-bi); }
.header__menu li.open .menu-arrow path{ fill: var(--color-yellow-bi); }
.header__menu li.open .menu-autos-inner::after{ transform: scaleX(1); }

</style>