/* GMC Inmuebles · Cabecera flotante del inicio
   Plantilla de Elementor con las clases gmc-cab, gmc-cab__marca, gmc-cab__menu, gmc-cab__tel y gmc-cab__cta.
   Sobre la foto: cristal oscuro y texto claro. Al bajar (.is-solid): marfil y texto oscuro. */

.gmc-cab.e-con,
.gmc-cab.elementor-element {
  --gmc-cab-ink: #f6f2ea;
  --gmc-cab-oro: #c9a873;
  position: fixed !important;
  z-index: 9990;
  top: 18px;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  width: min(1240px, calc(100% - 32px)) !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 8px 8px 8px 30px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px 26px !important;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .18);
  background: rgba(18, 16, 13, .30);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  color: var(--gmc-cab-ink);
  box-shadow: 0 10px 40px -20px rgba(0, 0, 0, .5);
  font-family: 'Jost', system-ui, sans-serif;
  transition: background .5s ease, border-color .5s ease, box-shadow .5s ease, top .5s ease, color .5s ease;
}
.admin-bar .gmc-cab.e-con,
.admin-bar .gmc-cab.elementor-element { top: 50px; }

.gmc-cab.is-solid {
  --gmc-cab-ink: #1d1a16;
  --gmc-cab-oro: #9a7a4f;
  background: rgba(246, 242, 234, .92);
  border-color: rgba(29, 26, 22, .08);
  box-shadow: 0 22px 50px -26px rgba(29, 26, 22, .45);
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .gmc-cab.e-con { background: rgba(18, 16, 13, .72); }
  .gmc-cab.is-solid { background: #f6f2ea; }
}

/* Hijos: ancho natural; el menú ocupa el hueco central */
.gmc-cab > .elementor-widget,
.gmc-cab > .e-con-inner > .elementor-widget {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}
.gmc-cab > .gmc-cab__menu,
.gmc-cab > .e-con-inner > .gmc-cab__menu { flex: 1 1 auto !important; min-width: 0; }

/* Nombre */
.gmc-cab .gmc-cab__marca .elementor-heading-title,
.gmc-cab .gmc-cab__marca .elementor-heading-title a {
  margin: 0;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 27px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .01em;
  color: var(--gmc-cab-ink) !important;
  white-space: nowrap;
  text-decoration: none;
}

/* Menú (Navigation Menu de Header & Footer Builder) */
.gmc-cab .gmc-cab__menu ul.hfe-nav-menu { justify-content: center; }
.gmc-cab .gmc-cab__menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li > a.hfe-menu-item,
.gmc-cab .gmc-cab__menu a.hfe-menu-item {
  position: relative;
  padding: 10px 14px !important;
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase;
  color: var(--gmc-cab-ink) !important;
  background: transparent !important;
  opacity: .82;
  transition: opacity .3s, color .5s;
}
.gmc-cab .gmc-cab__menu a.hfe-menu-item::after {
  content: "";
  position: absolute;
  left: 14px; right: 14px; bottom: 4px;
  height: 1px;
  background: var(--gmc-cab-oro);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .45s cubic-bezier(.2, .7, .2, 1);
}
.gmc-cab .gmc-cab__menu a.hfe-menu-item:hover,
.gmc-cab .gmc-cab__menu .current-menu-item > a.hfe-menu-item { opacity: 1; }
.gmc-cab .gmc-cab__menu a.hfe-menu-item:hover::after { transform: scaleX(1); }

/* Botón de menú en móvil/tablet */
.gmc-cab .gmc-cab__menu .hfe-nav-menu__toggle { margin-left: auto; }
.gmc-cab .gmc-cab__menu .hfe-nav-menu-icon,
.gmc-cab .gmc-cab__menu .hfe-nav-menu-icon i,
.gmc-cab .gmc-cab__menu .hfe-nav-menu-icon svg {
  color: var(--gmc-cab-ink) !important;
  fill: var(--gmc-cab-ink) !important;
  border: 0 !important;
  font-size: 20px !important;
}

/* Botones */
.gmc-cab .gmc-cab__tel .elementor-button,
.gmc-cab .gmc-cab__cta .elementor-button {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 24px !important;
  border-radius: 999px !important;
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase;
  box-shadow: none !important;
  transition: background .4s, color .4s, border-color .4s;
}
.gmc-cab .gmc-cab__tel .elementor-button {
  background: transparent !important;
  color: var(--gmc-cab-ink) !important;
  border: 1px solid color-mix(in srgb, var(--gmc-cab-ink) 35%, transparent) !important;
}
.gmc-cab .gmc-cab__tel .elementor-button:hover { border-color: var(--gmc-cab-ink) !important; }
.gmc-cab .gmc-cab__cta .elementor-button {
  background: #9a7a4f !important;
  color: #fff !important;
  border: 1px solid #9a7a4f !important;
}
.gmc-cab .gmc-cab__cta .elementor-button:hover { background: #7f6440 !important; border-color: #7f6440 !important; }

/* Tablet y móvil: menú en desplegable bajo la cápsula (la cápsula es su referencia por el transform) */
@media (max-width: 1024px) {
  .gmc-cab.e-con, .gmc-cab.elementor-element { gap: 10px 12px !important; }
  .gmc-cab .gmc-cab__menu { position: static !important; }
  .gmc-cab .gmc-cab__menu .elementor-widget-container,
  .gmc-cab .gmc-cab__menu .hfe-nav-menu { position: static !important; }
  .gmc-cab .gmc-cab__menu nav.hfe-dropdown {
    --gmc-cab-ink: #1d1a16;
    --gmc-cab-oro: #9a7a4f;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    margin: 0 !important;
    border-radius: 26px;
    overflow: hidden;
    background: #f6f2ea !important;
    box-shadow: 0 30px 60px -28px rgba(29, 26, 22, .55);
  }
  .gmc-cab .gmc-cab__menu nav.hfe-dropdown ul.hfe-nav-menu { display: block; padding: 6px 0; }
  .gmc-cab .gmc-cab__menu nav.hfe-dropdown li { border: 0 !important; }
  .gmc-cab .gmc-cab__menu nav.hfe-dropdown li + li { border-top: 1px solid rgba(29, 26, 22, .08) !important; }
  .gmc-cab .gmc-cab__menu nav.hfe-dropdown a.hfe-menu-item {
    padding: 17px 28px !important;
    font-size: 12px !important;
    opacity: 1;
    border: 0 !important;
  }
  .gmc-cab .gmc-cab__menu nav.hfe-dropdown a.hfe-menu-item::after { display: none; }
  .gmc-cab .gmc-cab__tel { display: none !important; }
}
@media (max-width: 600px) {
  .gmc-cab.e-con, .gmc-cab.elementor-element { top: 12px; padding: 6px 8px 6px 22px !important; }
  .admin-bar .gmc-cab.e-con, .admin-bar .gmc-cab.elementor-element { top: 58px; }
  .gmc-cab .gmc-cab__marca .elementor-heading-title { font-size: 23px !important; }
  .gmc-cab .gmc-cab__cta { display: none !important; }
}

/* En el editor de Elementor no flota, para poder editarla cómodamente */
.elementor-editor-active .gmc-cab.e-con,
.elementor-editor-active .gmc-cab.elementor-element {
  position: relative !important;
  top: 0 !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  margin: 20px auto !important;
  background: #2a241d;
}

/* En toda la web: hueco bajo la cápsula en las páginas que no empiezan con una foto */
.gmc-cab.e-con,.gmc-cab.elementor-element{z-index:9995}
body.gmc-inmo-marfil,body.gmc-inmo-marfil #page,body.gmc-inmo-marfil .site-content{background:#f4f0e8}
body.gmc-cab-espacio:not(.single-gmc_propiedad) #masthead{display:block;height:96px}
@media (max-width:600px){
  body.gmc-cab-espacio:not(.single-gmc_propiedad) #masthead{height:84px}
}
/* El contenedor de la cabecera del tema crea su propio apilamiento (z-index 99): se sube para que la cápsula quede encima */
body.gmc-cab-on #masthead{position:relative;z-index:9996}
