.store-theme-casa-costa header.tf-header.cc-menu-custom,
.store-theme-casa-costa .cc-side-menu{background:var(--cc-menu-bg)!important;color:var(--cc-menu-fg)!important}
.store-theme-casa-costa header.tf-header.cc-menu-custom :is(.item-link,.item-link .text,.item-link .cus-text,.nav-icon-item,.btn-open-menu),
.store-theme-casa-costa .cc-side-menu :is(a,summary,h2,.icon-close-popup){color:var(--cc-menu-fg)!important}
.store-theme-casa-costa header.tf-header.cc-logo-uploaded .logo-site img{width:180px;height:54px;max-width:100%;max-height:54px;object-fit:contain;filter:none!important}
.store-theme-casa-costa header.tf-header.cc-menu-custom .theme-inline-navigation{min-width:0}
.store-theme-casa-costa header.tf-header.cc-menu-custom .box-nav-menu{flex-wrap:wrap;row-gap:8px}
.store-theme-casa-costa header.tf-header.cc-menu-custom .item-link .text{overflow-wrap:anywhere;white-space:normal}
.store-theme-casa-costa header.tf-header.cc-menu-custom .header-inner{grid-template-columns:minmax(210px,1fr) minmax(0,3fr) auto}
.store-theme-casa-costa header.tf-header.cc-logo-centered .header-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.store-theme-casa-costa header.tf-header.cc-logo-centered .header-center{grid-column:1/-1;justify-self:stretch;justify-content:center;margin:0;position:relative;pointer-events:none}
.store-theme-casa-costa header.tf-header.cc-logo-centered .header-center>*{pointer-events:auto}
.store-theme-casa-costa header.tf-header.cc-logo-centered .header-center .btn-open-menu{position:absolute;left:0}
.store-theme-casa-costa header.tf-header.cc-logo-centered .theme-inline-navigation{grid-column:1/-1;grid-row:2}
.store-theme-casa-costa header.tf-header.cc-logo-centered .header-right{grid-column:3;z-index:1}
@media(max-width:1199px){
 .store-theme-casa-costa header.tf-header.cc-menu-custom .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .store-theme-casa-costa header.tf-header.cc-menu-custom .header-center{min-width:0;gap:4px}
 .store-theme-casa-costa header.tf-header.cc-menu-custom .header-right{grid-column:2}
 .store-theme-casa-costa header.tf-header.cc-logo-centered .header-inner{grid-template-columns:44px minmax(0,1fr) 88px}
 .store-theme-casa-costa header.tf-header.cc-logo-centered .header-right{grid-column:3}
 .store-theme-casa-costa header.tf-header.cc-logo-centered .logo-site{max-width:calc(100% - 176px)}
 .store-theme-casa-costa header.tf-header.cc-logo-uploaded .logo-site img{width:140px;height:40px}
}

.store-theme-casa-costa header.tf-header.cc-menu-custom .box-nav-menu>.menu-item>.item-link,
.store-theme-casa-costa header.tf-header.cc-menu-custom .box-nav-menu>.menu-item>.item-link :is(.text,.cus-text,i){color:var(--cc-menu-fg)!important}

@media(max-width:575px){
 .store-theme-casa-costa header.tf-header.cc-logo-centered .header-right{grid-column:1/-1;grid-row:2;justify-self:center}
 .store-theme-casa-costa header.tf-header.cc-logo-centered .logo-site{max-width:calc(100% - 100px)}
}

@media(max-width:575px){
 .store-theme-casa-costa header.tf-header.cc-menu-custom:not(.cc-logo-centered) .logo-site{max-width:clamp(30px,calc(100vw - 286px),140px)}
 .store-theme-casa-costa header.tf-header.cc-menu-custom .logo-site img{max-width:100%}
}

.store-theme-casa-costa header.tf-header.cc-buttons-left .box-nav-menu{justify-content:flex-start!important}
.store-theme-casa-costa header.tf-header.cc-buttons-center .box-nav-menu{justify-content:center!important}
@media(min-width:1200px){
 .store-theme-casa-costa header.tf-header.cc-buttons-left:not(.cc-logo-centered) .header-inner{grid-template-columns:max-content minmax(0,1fr) auto}
 .store-theme-casa-costa header.tf-header.cc-buttons-center:not(.cc-logo-centered) .header-inner{grid-template-columns:minmax(244px,1fr) minmax(0,auto) minmax(244px,1fr)}
}

/* Drawer palette is independent from the main header colors. */
.store-theme-casa-costa #mobileMenu.cc-side-menu{--cc-menu-bg:#333333;--cc-menu-fg:#ffffff;--cc-hover-surface:rgba(255,255,255,.10);background:#333333!important;color:#ffffff!important}
.store-theme-casa-costa #mobileMenu.cc-side-menu :is(a,button,summary,h2,p,span,i){color:#ffffff!important}
.store-theme-casa-costa #mobileMenu.cc-side-menu .cc-side-menu-session{background:transparent;border:1px solid rgba(255,255,255,.4)}

/* Con seis botones (Asesoramiento y Desarrolladores) el menú entra en una línea desde 1280 px. */
@media(min-width:1200px){
 .store-theme-casa-costa header.tf-header.cc-menu-custom .box-nav-menu{column-gap:clamp(4px,.9vw,26px)}
 .store-theme-casa-costa header.tf-header.cc-menu-custom .box-nav-menu>.menu-item>.item-link{padding-inline:clamp(8px,.8vw,14px)}
 .store-theme-casa-costa header.tf-header.cc-buttons-center:not(.cc-logo-centered) .header-inner{grid-template-columns:minmax(200px,1fr) minmax(0,auto) minmax(200px,1fr)}
}
