.elementor-13 .elementor-element.elementor-element-0d4e96e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--z-index:999;}.elementor-13 .elementor-element.elementor-element-0d4e96e:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-0d4e96e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-51ee713 .elementor-heading-title{font-family:"Exo 2", Sans-serif;font-size:1.1em;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var( --e-global-color-3f2fab9 );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13 .elementor-element.elementor-element-416addc .elementor-menu-toggle{margin:0 auto;}.elementor-13 .elementor-element.elementor-element-416addc .elementor-nav-menu .elementor-item{font-family:"Exo 2", Sans-serif;font-size:0.8em;font-weight:500;text-transform:uppercase;letter-spacing:0.7px;}.elementor-13 .elementor-element.elementor-element-416addc .elementor-nav-menu--main .elementor-item{color:#FAFAF86B;fill:#FAFAF86B;}.elementor-13 .elementor-element.elementor-element-416addc .elementor-nav-menu--dropdown{background-color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-416addc .elementor-nav-menu--dropdown a:hover,
					.elementor-13 .elementor-element.elementor-element-416addc .elementor-nav-menu--dropdown a:focus,
					.elementor-13 .elementor-element.elementor-element-416addc .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-13 .elementor-element.elementor-element-416addc .elementor-nav-menu--dropdown a.highlighted{background-color:#2F2D2A96;}.elementor-13 .elementor-element.elementor-element-416addc div.elementor-menu-toggle{color:var( --e-global-color-3f2fab9 );}.elementor-13 .elementor-element.elementor-element-416addc div.elementor-menu-toggle svg{fill:var( --e-global-color-3f2fab9 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-0d4e96e{--flex-wrap:nowrap;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}}/* Start custom CSS for container, class: .elementor-element-0d4e96e *//* ==================================================
   HEADER · ESTADO INICIAL
================================================== */

.header-principal {
  position: relative;
  z-index: 99999 !important;

  background-color: #1C1B19 !important;

  transition:
    background-color 0.8s ease,
    box-shadow 0.8s ease,
    backdrop-filter 0.8s ease,
    padding 0.4s ease;
}


/* Header después del scroll */
.header-principal.elementor-sticky--effects,
.elementor-sticky--effects .header-principal {
  background-color: rgba(250, 250, 248, 0.88) !important;

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  box-shadow: 0 8px 30px rgba(28, 27, 25, 0.08);
}


/* ==================================================
   MENÚ DE ESCRITORIO
================================================== */

/* Color inicial */
.header-principal .elementor-nav-menu > li > a {
  color: #FAFAF8 !important;
  transition: color 0.8s ease;
}


/* Color después del scroll */
.header-principal.elementor-sticky--effects
  .elementor-nav-menu > li > a,

.elementor-sticky--effects
  .header-principal
  .elementor-nav-menu > li > a {
  color: #1C1B19 !important;
}


/* Hover y enlace activo */
.header-principal .elementor-nav-menu > li > a:hover,
.header-principal .elementor-nav-menu > li > .elementor-item-active {
  color: #C4956A !important;
}


/* ==================================================
   LOGO EN FORMATO H1
================================================== */

/* Estado inicial */
.header-principal h1,
.header-principal h1 a,
.header-principal .elementor-heading-title,
.header-principal .elementor-heading-title a {
  color: #FAFAF8 !important;
  transition: color 0.8s ease;
}


/* Después del scroll */
.header-principal.elementor-sticky--effects h1,
.header-principal.elementor-sticky--effects h1 a,
.header-principal.elementor-sticky--effects .elementor-heading-title,
.header-principal.elementor-sticky--effects .elementor-heading-title a,

.elementor-sticky--effects .header-principal h1,
.elementor-sticky--effects .header-principal h1 a,
.elementor-sticky--effects .header-principal .elementor-heading-title,
.elementor-sticky--effects .header-principal .elementor-heading-title a {
  color: #1C1B19 !important;
}


/* ==================================================
   BOTÓN HAMBURGUESA Y BOTÓN CERRAR
================================================== */

/* Estado inicial */
.header-principal .elementor-menu-toggle {
  position: relative;
  z-index: 100002 !important;

  color: #FAFAF8 !important;
  background-color: transparent !important;
  border-color: #FAFAF8 !important;

  transition:
    color 0.8s ease,
    border-color 0.8s ease,
    background-color 0.8s ease;
}


.header-principal .elementor-menu-toggle svg {
  fill: #FAFAF8 !important;
  transition: fill 0.8s ease;
}


/* Después del scroll */
.header-principal.elementor-sticky--effects
  .elementor-menu-toggle,

.elementor-sticky--effects
  .header-principal
  .elementor-menu-toggle {
  color: #1C1B19 !important;
  border-color: #C4956A !important;
}


.header-principal.elementor-sticky--effects
  .elementor-menu-toggle svg,

.elementor-sticky--effects
  .header-principal
  .elementor-menu-toggle svg {
  fill: #1C1B19 !important;
}


/* ==================================================
   MENÚ MÓVIL Y TABLET
================================================== */

@media (max-width: 1024px) {

  /*
   * El overflow debe quedar visible para que el menú
   * pueda desplegarse debajo del header.
   */
  .header-principal,
  .header-principal > .e-con-inner {
    overflow: visible !important;
  }


  /* Widget del menú */
  .header-principal .elementor-widget-nav-menu {
    position: static !important;
    z-index: 100000 !important;
  }


  .header-principal
    .elementor-widget-nav-menu
    .elementor-widget-container {
    position: static !important;
    overflow: visible !important;
  }


  /*
   * Panel desplegable.
   * top: 100% hace que quede justo debajo del header,
   * sin depender de una altura fija en píxeles.
   */
  .header-principal .elementor-nav-menu--dropdown {
    position: absolute !important;

    top: 100% !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 18px 28px 22px !important;

    overflow: visible !important;

    border: none !important;
    border-radius: 0 !important;

    background-color: rgba(28, 27, 25, 0.96) !important;

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    box-shadow: 0 14px 30px rgba(28, 27, 25, 0.12) !important;

    z-index: 100001 !important;

    transition:
      background-color 0.8s ease,
      backdrop-filter 0.8s ease,
      box-shadow 0.8s ease;
  }


  /* Capas internas transparentes */
  .header-principal
    .elementor-nav-menu--dropdown
    .elementor-nav-menu,

  .header-principal
    .elementor-nav-menu--dropdown
    ul,

  .header-principal
    .elementor-nav-menu--dropdown
    li {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;
  }


  /* Enlaces móviles */
  .header-principal
    .elementor-nav-menu--dropdown
    a,

  .header-principal
    .elementor-nav-menu--dropdown
    .elementor-item {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 14px 0 !important;

    color: #FAFAF8 !important;
    background-color: transparent !important;

    border: none !important;

    transition:
      color 0.8s ease,
      background-color 0.8s ease;
  }


  /* Hover y enlace activo */
  .header-principal
    .elementor-nav-menu--dropdown
    a:hover,

  .header-principal
    .elementor-nav-menu--dropdown
    .elementor-item-active,

  .header-principal
    .elementor-nav-menu--dropdown
    .elementor-item.highlighted {
    color: #C4956A !important;
    background-color: transparent !important;
  }


  /* Menú móvil después del scroll */
  .header-principal.elementor-sticky--effects
    .elementor-nav-menu--dropdown,

  .elementor-sticky--effects
    .header-principal
    .elementor-nav-menu--dropdown {
    background-color: rgba(250, 250, 248, 0.90) !important;

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    box-shadow: 0 14px 30px rgba(28, 27, 25, 0.10) !important;
  }


  /* Enlaces después del scroll */
  .header-principal.elementor-sticky--effects
    .elementor-nav-menu--dropdown
    a,

  .header-principal.elementor-sticky--effects
    .elementor-nav-menu--dropdown
    .elementor-item,

  .elementor-sticky--effects
    .header-principal
    .elementor-nav-menu--dropdown
    a,

  .elementor-sticky--effects
    .header-principal
    .elementor-nav-menu--dropdown
    .elementor-item {
    color: #1C1B19 !important;
    background-color: transparent !important;
  }


  /* Hover después del scroll */
  .header-principal.elementor-sticky--effects
    .elementor-nav-menu--dropdown
    a:hover,

  .header-principal.elementor-sticky--effects
    .elementor-nav-menu--dropdown
    .elementor-item-active,

  .elementor-sticky--effects
    .header-principal
    .elementor-nav-menu--dropdown
    a:hover,

  .elementor-sticky--effects
    .header-principal
    .elementor-nav-menu--dropdown
    .elementor-item-active {
    color: #C4956A !important;
    background-color: transparent !important;
  }
}


/* ==================================================
   MOBILE PEQUEÑO
================================================== */

@media (max-width: 767px) {

  .header-principal .elementor-nav-menu--dropdown {
    padding: 14px 20px 18px !important;
  }


  .header-principal
    .elementor-nav-menu--dropdown
    a {
    padding: 13px 0 !important;
  }
}/* End custom CSS */