.elementor-851 .elementor-element.elementor-element-c8c8121{--display:flex;--position:fixed;--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;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:40px;--padding-right:40px;top:0px;--z-index:9999;}body:not(.rtl) .elementor-851 .elementor-element.elementor-element-c8c8121{left:0px;}body.rtl .elementor-851 .elementor-element.elementor-element-c8c8121{right:0px;}.elementor-851 .elementor-element.elementor-element-c960549{--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:flex-start;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-851 .elementor-element.elementor-element-70ea03d img{width:150px;max-width:150%;}.elementor-851 .elementor-element.elementor-element-8a70acb{--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:flex-start;--align-items:center;}.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-851 .elementor-element.elementor-element-fbb3b69{text-align:center;}.elementor-851 .elementor-element.elementor-element-fbb3b69 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:90px;font-weight:500;line-height:0.9px;color:#C8A44A;}.elementor-851 .elementor-element.elementor-element-c168738{--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:flex-end;--align-items:center;}.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-851 .elementor-element.elementor-element-d6fbd97.elementor-element{--align-self:flex-start;}.elementor-851 .elementor-element.elementor-element-d6fbd97 .elementor-menu-toggle{margin-left:auto;}.elementor-851 .elementor-element.elementor-element-d6fbd97 .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:25px;font-weight:500;}.elementor-851 .elementor-element.elementor-element-d6fbd97 .elementor-nav-menu--main .elementor-item{color:#F5F5F0;fill:#F5F5F0;}.elementor-851 .elementor-element.elementor-element-d6fbd97 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-851 .elementor-element.elementor-element-d6fbd97 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-851 .elementor-element.elementor-element-d6fbd97 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-851 .elementor-element.elementor-element-d6fbd97 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-d43d70d );fill:var( --e-global-color-d43d70d );}.elementor-851 .elementor-element.elementor-element-d6fbd97 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}body:not(.rtl) .elementor-851 .elementor-element.elementor-element-74f9d2c{left:0px;}body.rtl .elementor-851 .elementor-element.elementor-element-74f9d2c{right:0px;}.elementor-851 .elementor-element.elementor-element-74f9d2c{top:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-851 .elementor-element.elementor-element-70ea03d img{width:90px;max-width:100%;}}@media(max-width:767px){.elementor-851 .elementor-element.elementor-element-c8c8121{--width:100%;--gap:0px 6px;--row-gap:0px;--column-gap:6px;--padding-top:8px;--padding-bottom:8px;--padding-left:10px;--padding-right:10px;top:0px;}body:not(.rtl) .elementor-851 .elementor-element.elementor-element-c8c8121{left:0px;}body.rtl .elementor-851 .elementor-element.elementor-element-c8c8121{right:0px;}.elementor-851 .elementor-element.elementor-element-70ea03d img{width:50px;max-width:50%;}}@media(min-width:768px){.elementor-851 .elementor-element.elementor-element-c960549{--width:9%;}.elementor-851 .elementor-element.elementor-element-8a70acb{--width:25%;}.elementor-851 .elementor-element.elementor-element-c168738{--width:51%;}}/* Start custom CSS for nav-menu, class: .elementor-element-d6fbd97 *//* ==================================================
   ND HEADER — Nivel Delta v3
   Selectores exactos basados en el HTML real.

   IDs de Elementor verificados:
     Header principal : .elementor-element-c8c8121  (.nd-header)
     Logo wrap        : .elementor-element-c960549  (.nd-logo-wrap)
     Logo widget      : .elementor-element-70ea03d  (.nd-logo)
     Brand wrap       : .elementor-element-8a70acb  (.nd-brand-wrap)
     Menu wrap        : .elementor-element-c168738  (.nd-menu-wrap)
   ================================================== */


/* ==================================================
   VARIABLES GLOBALES
   ================================================== */

.elementor-element-c8c8121 {
  --nd-gold:        #c8a44a;
  --nd-gold-bg:     #c8a96e;
  --nd-black:       #000000;
  --nd-ease:        0.35s ease;
}


/* ==================================================
   01. HEADER PRINCIPAL
   ================================================== */

/* Fondo y transiciones del contenedor principal */
.elementor-element-c8c8121 {
  background: #050505 !important;
  transition:
    background  0.35s ease,
    min-height  0.35s ease,
    max-height  0.35s ease,
    padding     0.35s ease,
    box-shadow  0.35s ease !important;
}

/* Layout flex: fila, hijos anclados al borde inferior */
.elementor-element-c8c8121.e-flex,
.elementor-element-c8c8121 > .e-con-inner {
  flex-direction:  row !important;
  align-items:     flex-end !important;
  flex-wrap:       nowrap !important;
  gap:             0 !important;
  --align-items:   flex-end !important;
}

/* Transiciones en elementos internos */
.elementor-element-c8c8121 .nd-logo img,
.elementor-element-c8c8121 .nd-brand .elementor-heading-title,
.elementor-element-c8c8121 .nd-menu .elementor-item,
.elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
  transition:
    width     0.35s ease,
    font-size 0.35s ease,
    color     0.35s ease !important;
}


/* ==================================================
   02. LOGO WRAP
   ================================================== */

.elementor-element-c960549 {
  flex: 0 0 auto !important;
  width: auto !important;
  --flex-grow: 0 !important;
  --flex-shrink: 0 !important;
  --flex-basis: auto !important;
  padding: 0 !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
}

/* Imagen del logo — sobreescribe el width: 150px de Elementor */
.elementor-element-70ea03d img,
.elementor-element-c8c8121 .nd-logo img {
  display: block !important;
  width: 75px !important;
  max-width: 100px !important;
  height: auto !important;
  transform: none !important;
}


/* ==================================================
   03. BRAND WRAP (título)
   ================================================== */

.elementor-element-8a70acb {
  flex: 0 0 auto !important;
  width: auto !important;
  --flex-grow: 0 !important;
  --flex-shrink: 0 !important;
  --flex-basis: auto !important;
  padding: 0 !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 5px !important; /* 5px entre logo y título */
}

.elementor-element-c8c8121 .nd-brand .elementor-heading-title {
  color:      #c8a44a !important;
  white-space: nowrap !important;
  transition: font-size 0.35s ease, color 0.35s ease !important;
}


/* ==================================================
   04. MENU WRAP
   ================================================== */

.elementor-element-c168738 {
  flex: 1 1 auto !important;
  width: auto !important;
  --flex-grow: 1 !important;
  --flex-shrink: 1 !important;
  --flex-basis: auto !important;
  padding: 0 !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
}


/* ==================================================
   05. ESTADO SCROLLED
   El JS agrega .nd-scrolled al div .elementor-element-c8c8121
   cuando el usuario hace scroll hacia abajo.
   ================================================== */

.elementor-element-c8c8121.nd-scrolled {
  background: #c8a96e !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2) !important;
}

/* Logo se reduce 40% (75px × 0.6 = 45px) */
.elementor-element-c8c8121.nd-scrolled .nd-logo img,
.elementor-element-c8c8121.nd-scrolled .elementor-element-70ea03d img {
  width: 45px !important;
  max-width: 45px !important;
}

/* Título negro al hacer scroll */
.elementor-element-c8c8121.nd-scrolled .nd-brand .elementor-heading-title {
  color: #000000 !important;
}

/* Items del menú negros */
.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-item,
.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-item:hover,
.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-item:focus {
  color: #000000 !important;
}

/* Hamburguesa e iconos negros */
.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-menu-toggle,
.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-menu-toggle i,
.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-menu-toggle svg,
.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-menu-toggle svg path,
.elementor-element-c8c8121.nd-scrolled .nd-menu .sub-arrow,
.elementor-element-c8c8121.nd-scrolled .nd-menu .sub-arrow svg path {
  color:  #000000 !important;
  fill:   #000000 !important;
  stroke: #000000 !important;
}


/* ==================================================
   06. MOBILE PEQUEÑO — hasta 480px vertical
   ================================================== */

@media (max-width: 480px) {

  .elementor-element-c8c8121 {
    min-height: 70px !important;
    max-height: 70px !important;
  }

  .elementor-element-c960549 {
    --padding-left: 14px !important;
    --padding-bottom: 8px !important;
  }

  .elementor-element-70ea03d img,
  .elementor-element-c8c8121 .nd-logo img {
    width: 38px !important;
    max-width: 38px !important;
  }

  .elementor-element-8a70acb {
    --padding-left: 3px !important;
    --padding-bottom: 8px !important;
  }

  .elementor-element-c8c8121 .nd-brand .elementor-heading-title {
    font-size: 36px !important;
    line-height: 1 !important;
  }

  .elementor-element-c168738 {
    --padding-right: 14px !important;
    --padding-bottom: 10px !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
    color: #c8a44a !important;
  }

  /* Scrolled mobile pequeño */
  .elementor-element-c8c8121.nd-scrolled {
    min-height: 48px !important;
    max-height: 48px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-logo img,
  .elementor-element-c8c8121.nd-scrolled .elementor-element-70ea03d img {
    width: 23px !important;
    max-width: 23px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-brand .elementor-heading-title {
    font-size: 22px !important;
  }
}


/* ==================================================
   07. MOBILE GRANDE — 481px a 767px vertical
   ================================================== */

@media (min-width: 481px) and (max-width: 767px) {

  .elementor-element-c8c8121 {
    min-height: 75px !important;
    max-height: 75px !important;
  }

  .elementor-element-c960549 {
    --padding-left: 16px !important;
    --padding-bottom: 9px !important;
  }

  .elementor-element-70ea03d img,
  .elementor-element-c8c8121 .nd-logo img {
    width: 44px !important;
    max-width: 44px !important;
  }

  .elementor-element-8a70acb {
    --padding-left: 4px !important;
    --padding-bottom: 9px !important;
  }

  .elementor-element-c8c8121 .nd-brand .elementor-heading-title {
    font-size: 42px !important;
    line-height: 1 !important;
  }

  .elementor-element-c168738 {
    --padding-right: 16px !important;
    --padding-bottom: 12px !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
    color: #c8a44a !important;
  }

  /* Scrolled */
  .elementor-element-c8c8121.nd-scrolled {
    min-height: 50px !important;
    max-height: 50px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-logo img,
  .elementor-element-c8c8121.nd-scrolled .elementor-element-70ea03d img {
    width: 26px !important;
    max-width: 26px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-brand .elementor-heading-title {
    font-size: 25px !important;
  }
}


/* ==================================================
   07.1 MOBILE HORIZONTAL — hasta 767px, altura < 450px
   ================================================== */

@media (max-width: 767px) and (max-height: 450px) {

  .elementor-element-c8c8121 {
    min-height: 52px !important;
    max-height: 52px !important;
  }

  .elementor-element-c960549 {
    --padding-left: 14px !important;
    --padding-bottom: 6px !important;
  }

  .elementor-element-70ea03d img,
  .elementor-element-c8c8121 .nd-logo img {
    width: 32px !important;
    max-width: 32px !important;
  }

  .elementor-element-8a70acb {
    --padding-left: 3px !important;
    --padding-bottom: 6px !important;
  }

  .elementor-element-c8c8121 .nd-brand .elementor-heading-title {
    font-size: 30px !important;
  }

  .elementor-element-c168738 {
    --padding-right: 14px !important;
    --padding-bottom: 8px !important;
  }

  /* Scrolled */
  .elementor-element-c8c8121.nd-scrolled {
    min-height: 40px !important;
    max-height: 40px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-logo img,
  .elementor-element-c8c8121.nd-scrolled .elementor-element-70ea03d img {
    width: 19px !important;
    max-width: 19px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-brand .elementor-heading-title {
    font-size: 18px !important;
  }
}


/* ==================================================
   08. TABLET — 768px a 1024px
   Hamburguesa activada.
   ================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-element-c8c8121 {
    min-height: 90px !important;
    max-height: 90px !important;
  }

  .elementor-element-c960549 {
    --padding-left: 24px !important;
    --padding-bottom: 10px !important;
  }

  .elementor-element-70ea03d img,
  .elementor-element-c8c8121 .nd-logo img {
    width: 54px !important;
    max-width: 54px !important;
  }

  .elementor-element-8a70acb {
    --padding-left: 4px !important;
    --padding-bottom: 10px !important;
  }

  .elementor-element-c8c8121 .nd-brand .elementor-heading-title {
    font-size: 52px !important;
    line-height: 1 !important;
  }

  .elementor-element-c168738 {
    --padding-right: 24px !important;
    --padding-bottom: 15px !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main {
    display: none !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
    display: flex !important;
    color: #c8a44a !important;
  }

  /* Scrolled */
  .elementor-element-c8c8121.nd-scrolled {
    min-height: 60px !important;
    max-height: 60px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-logo img,
  .elementor-element-c8c8121.nd-scrolled .elementor-element-70ea03d img {
    width: 32px !important;
    max-width: 32px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-brand .elementor-heading-title {
    font-size: 31px !important;
  }
}


/* ==================================================
   09. TABLET GRANDE — 1025px a 1199px
   Hamburguesa activada.
   ================================================== */

@media (min-width: 1025px) and (max-width: 1199px) {

  .elementor-element-c8c8121 {
    min-height: 100px !important;
    max-height: 100px !important;
  }

  .elementor-element-c960549 {
    --padding-left: 28px !important;
    --padding-bottom: 12px !important;
  }

  .elementor-element-70ea03d img,
  .elementor-element-c8c8121 .nd-logo img {
    width: 60px !important;
    max-width: 60px !important;
  }

  .elementor-element-8a70acb {
    --padding-left: 5px !important;
    --padding-bottom: 12px !important;
  }

  .elementor-element-c8c8121 .nd-brand .elementor-heading-title {
    font-size: 58px !important;
    line-height: 1 !important;
  }

  .elementor-element-c168738 {
    --padding-right: 28px !important;
    --padding-bottom: 15px !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main {
    display: none !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
    display: flex !important;
    color: #c8a44a !important;
  }

  /* Scrolled */
  .elementor-element-c8c8121.nd-scrolled {
    min-height: 65px !important;
    max-height: 65px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-logo img,
  .elementor-element-c8c8121.nd-scrolled .elementor-element-70ea03d img {
    width: 36px !important;
    max-width: 36px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-brand .elementor-heading-title {
    font-size: 35px !important;
  }
}


/* ==================================================
   10. LAPTOP — 1200px a 1440px, pointer: fine
   Menú horizontal visible.
   ================================================== */

@media (min-width: 1200px) and (max-width: 1440px) and (pointer: fine) {

  .elementor-element-c8c8121 {
    min-height: 120px !important;
    max-height: 120px !important;
  }

  .elementor-element-c960549 {
    --padding-left: 30px !important;
    --padding-bottom: 15px !important;
  }

  .elementor-element-70ea03d img,
  .elementor-element-c8c8121 .nd-logo img {
    width: 75px !important;
    max-width: 75px !important;
  }

  .elementor-element-8a70acb {
    --padding-left: 5px !important;
    --padding-bottom: 15px !important;
  }

  .elementor-element-c8c8121 .nd-brand .elementor-heading-title {
    font-size: 65px !important;
    line-height: 1 !important;
  }

  .elementor-element-c168738 {
    --padding-right: 30px !important;
    --padding-bottom: 15px !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main {
    display: block !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
    display: none !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-item {
    color:       #c8a44a !important;
    font-size:   14px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    padding:     6px 8px !important;
  }

  /* Scrolled */
  .elementor-element-c8c8121.nd-scrolled {
    min-height: 80px !important;
    max-height: 80px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-logo img,
  .elementor-element-c8c8121.nd-scrolled .elementor-element-70ea03d img {
    width: 45px !important;
    max-width: 45px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-brand .elementor-heading-title {
    font-size: 39px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-item {
    font-size: 13px !important;
  }
}


/* ==================================================
   11. MONITOR Y ULTRAWIDE — 1441px a 3839px
   Tu monitor 1920x1080 entra aquí.
   Menú horizontal visible.
   ================================================== */

@media (min-width: 1441px) and (max-width: 3839px) {

  .elementor-element-c8c8121 {
    min-height: 135px !important;
    max-height: 135px !important;
  }

  .elementor-element-c960549 {
    --padding-left: 30px !important;
    --padding-bottom: 40px !important;
  }

  .elementor-element-70ea03d img,
  .elementor-element-c8c8121 .nd-logo img {
    width: 75px !important;
    max-width: 75px !important;
  }

  .elementor-element-8a70acb {
    --padding-left: 5px !important;
    --padding-bottom: 40px !important;
  }

  .elementor-element-c8c8121 .nd-brand .elementor-heading-title {
    font-size: 65px !important;
    line-height: 1 !important;
  }

  .elementor-element-c168738 {
    --padding-right: 30px !important;
    --padding-bottom: 40px !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main {
    display: block !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
    display: none !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-item {
    color:       #c8a44a !important;
    font-size:   16px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    padding:     6px 10px !important;
  }

  /* Scrolled */
  .elementor-element-c8c8121.nd-scrolled {
    min-height: 88px !important;
    max-height: 88px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-logo img,
  .elementor-element-c8c8121.nd-scrolled .elementor-element-70ea03d img {
    width: 45px !important;
    max-width: 45px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-brand .elementor-heading-title {
    font-size: 39px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-item {
    font-size: 14px !important;
  }
}


/* ==================================================
   12. 4K / UHD — 3840px en adelante
   ================================================== */

@media (min-width: 3840px) {

  .elementor-element-c8c8121 {
    min-height: 160px !important;
    max-height: 160px !important;
  }

  .elementor-element-c960549 {
    --padding-left: 60px !important;
    --padding-bottom: 20px !important;
  }

  .elementor-element-70ea03d img,
  .elementor-element-c8c8121 .nd-logo img {
    width: 100px !important;
    max-width: 100px !important;
  }

  .elementor-element-8a70acb {
    --padding-left: 5px !important;
    --padding-bottom: 20px !important;
  }

  .elementor-element-c8c8121 .nd-brand .elementor-heading-title {
    font-size: 90px !important;
    line-height: 1 !important;
  }

  .elementor-element-c168738 {
    --padding-right: 60px !important;
    --padding-bottom: 20px !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main {
    display: block !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
    display: none !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-item {
    color:       #c8a44a !important;
    font-size:   22px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    padding:     6px 14px !important;
  }

  /* Scrolled */
  .elementor-element-c8c8121.nd-scrolled {
    min-height: 100px !important;
    max-height: 100px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-logo img,
  .elementor-element-c8c8121.nd-scrolled .elementor-element-70ea03d img {
    width: 60px !important;
    max-width: 60px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-brand .elementor-heading-title {
    font-size: 54px !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-item {
    font-size: 17px !important;
  }
}


/* ==================================================
   13. MENÚ HORIZONTAL — LIMPIEZA DE ESTILOS ELEMENTOR
   ================================================== */

@media (min-width: 1200px) {

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .elementor-item,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .elementor-item:hover,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .elementor-item:focus,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .elementor-item-active,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .elementor-item.highlighted {
    background:      transparent !important;
    text-decoration: none !important;
    border:          none !important;
    box-shadow:      none !important;
  }

  .elementor-element-c8c8121:not(.nd-scrolled) .nd-menu .elementor-nav-menu--main .elementor-item,
  .elementor-element-c8c8121:not(.nd-scrolled) .nd-menu .elementor-nav-menu--main .elementor-item:hover,
  .elementor-element-c8c8121:not(.nd-scrolled) .nd-menu .elementor-nav-menu--main .elementor-item:focus,
  .elementor-element-c8c8121:not(.nd-scrolled) .nd-menu .elementor-nav-menu--main .elementor-item-active,
  .elementor-element-c8c8121:not(.nd-scrolled) .nd-menu .elementor-nav-menu--main .elementor-item.highlighted {
    color: #c8a44a !important;
  }

  .elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-nav-menu--main .elementor-item,
  .elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-nav-menu--main .elementor-item:hover,
  .elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-nav-menu--main .elementor-item:focus,
  .elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-nav-menu--main .elementor-item-active,
  .elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-nav-menu--main .elementor-item.highlighted {
    color: #000000 !important;
  }
}


/* ==================================================
   14. SUBMENÚ DESPLEGABLE
   ================================================== */

@media (min-width: 1200px) {

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu li,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu .menu-item {
    background: #1f2328 !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main ul.sub-menu {
    border:     1px solid #2d333b !important;
    min-width:  230px !important;
    padding:    0 !important;
    box-shadow: 0 16px 32px rgba(0,0,0,0.28) !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu a,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item {
    background:      #1f2328 !important;
    color:           #c8a44a !important;
    font-size:       15px !important;
    font-weight:     600 !important;
    padding:         12px 18px !important;
    text-decoration: none !important;
    border:          none !important;
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu a:hover,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover {
    background: #343a40 !important;
    color:      #c8a44a !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f9d2c *//* ==================================================
   ND HEADER SCRIPT
   Widget HTML técnico del header.
   Oculta visualmente el widget que contiene el script de scroll.
================================================== */


/* ==================================================
   01. BASE GENERAL
   Oculta el widget sin afectar el funcionamiento del script.
================================================== */

.elementor-851 .elementor-element.elementor-element-74f9d2c {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}


/* ==================================================
   02. MOBILE PEQUEÑO
   320px — 480px
================================================== */

@media (max-width: 480px) {
  .elementor-851 .elementor-element.elementor-element-74f9d2c {
    /* Sin ajustes específicos por ahora. */
  }
}


/* ==================================================
   03. MOBILE NORMAL
   481px — 767px
================================================== */

@media (min-width: 481px) and (max-width: 767px) {
  .elementor-851 .elementor-element.elementor-element-74f9d2c {
    /* Sin ajustes específicos por ahora. */
  }
}


/* ==================================================
   04. TABLET
   768px — 1024px
================================================== */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-851 .elementor-element.elementor-element-74f9d2c {
    /* Sin ajustes específicos por ahora. */
  }
}


/* ==================================================
   05. LAPTOP
   1025px — 1365px
================================================== */

@media (min-width: 1025px) and (max-width: 1365px) {
  .elementor-851 .elementor-element.elementor-element-74f9d2c {
    /* Sin ajustes específicos por ahora. */
  }
}


/* ==================================================
   06. DESKTOP
   1366px — 1919px
================================================== */

@media (min-width: 1366px) and (max-width: 1919px) {
  .elementor-851 .elementor-element.elementor-element-74f9d2c {
    /* Sin ajustes específicos por ahora. */
  }
}


/* ==================================================
   07. ULTRAWIDE
   1920px — 2559px
================================================== */

@media (min-width: 1920px) and (max-width: 2559px) {
  .elementor-851 .elementor-element.elementor-element-74f9d2c {
    /* Sin ajustes específicos por ahora. */
  }
}


/* ==================================================
   08. 2K / QHD
   2560px — 3839px
================================================== */

@media (min-width: 2560px) and (max-width: 3839px) {
  .elementor-851 .elementor-element.elementor-element-74f9d2c {
    /* Sin ajustes específicos por ahora. */
  }
}


/* ==================================================
   09. 4K / UHD
   3840px+
================================================== */

@media (min-width: 3840px) {
  .elementor-851 .elementor-element.elementor-element-74f9d2c {
    /* Sin ajustes específicos por ahora. */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8c8121 *//* ==============================================================================
   ND HEADER — Nivel Delta v3.4
   ==============================================================================
   Header responsive para Elementor con efecto scroll dinámico.

   IMPORTANTE:
   - El sticky/fixed se controla desde Elementor.
   - Este CSS controla tamaños, alineación, colores, scroll, menú y submenú.
   - Para mantenimiento, casi todo se ajusta desde variables.

   IDS DE ELEMENTOR:
   Header principal : .elementor-element-c8c8121
   Logo wrap        : .elementor-element-c960549
   Logo widget      : .elementor-element-70ea03d
   Brand wrap       : .elementor-element-8a70acb
   Menu wrap        : .elementor-element-c168738

   CÓMO AJUSTAR POSICIÓN:
   Cambia las variables dentro del breakpoint correspondiente.

   X positivo = derecha     X negativo = izquierda
   Y positivo = abajo       Y negativo = arriba
   ============================================================================== */


/* ==============================================================================
   01. VARIABLES BASE
   Valores generales del header. Cada breakpoint puede sobrescribirlos.
   ============================================================================== */

.elementor-element-c8c8121 {
  --nd-gold: #c8a44a; /* Color dorado principal */
  --nd-gold-bg: #c8a96e; /* Fondo dorado cuando el header está en scroll */
  --nd-black: #000000; /* Color negro para texto/iconos sobre fondo dorado */
  --nd-bg: #050505; /* Fondo negro del header normal */
  --nd-ease: 0.35s ease; /* Duración y suavidad de transiciones */

  --nd-shadow-scrolled: 0 4px 20px rgba(0, 0, 0, 0.2); /* Sombra del header en scroll */
  --nd-radius: 0px; /* Radio general preparado para dropdowns */

  --nd-submenu-bg: #1f2328; /* Fondo del submenú */
  --nd-submenu-hover: #343a40; /* Fondo del submenú en hover */
  --nd-submenu-border: #2d333b; /* Borde del submenú */
  --nd-submenu-size: 15px; /* Tamaño de texto del submenú */
  --nd-submenu-pad: 12px 18px; /* Padding interno de items del submenú */
  --nd-submenu-min-w: 230px; /* Ancho mínimo del submenú */

  --nd-header-h: 90px; /* Alto normal del header */
  --nd-header-h-scrolled: 55px; /* Alto del header al hacer scroll */

  --nd-logo-w: 75px; /* Ancho normal del logo */
  --nd-logo-w-scrolled: 45px; /* Ancho del logo en scroll */
  --nd-logo-x: 0px; /* Movimiento horizontal del logo normal */
  --nd-logo-y: 0px; /* Movimiento vertical del logo normal */
  --nd-logo-x-scrolled: 0px; /* Movimiento horizontal del logo en scroll */
  --nd-logo-y-scrolled: 5px; /* Movimiento vertical del logo en scroll */

  --nd-title-size: 75px; /* Tamaño normal del título */
  --nd-title-size-scrolled: 45px; /* Tamaño del título en scroll */
  --nd-title-x: 0px; /* Movimiento horizontal del título normal */
  --nd-title-y: 11px; /* Movimiento vertical del título normal */
  --nd-title-x-scrolled: 0px; /* Movimiento horizontal del título en scroll */
  --nd-title-y-scrolled: 12px; /* Movimiento vertical del título en scroll */

  --nd-menu-size: 20px; /* Tamaño normal de items del menú */
  --nd-menu-size-scrolled: 19px; /* Tamaño de items del menú en scroll */
  --nd-menu-weight: 600; /* Grosor del texto del menú */
  --nd-menu-pad-y: 6px; /* Padding vertical de items del menú */
  --nd-menu-pad-x: 10px; /* Padding horizontal de items del menú */
  --nd-menu-x: 0px; /* Movimiento horizontal del menú normal */
  --nd-menu-y: 0px; /* Movimiento vertical del menú normal */
  --nd-menu-x-scrolled: 0px; /* Movimiento horizontal del menú en scroll */
  --nd-menu-y-scrolled: 0px; /* Movimiento vertical del menú en scroll */

  --nd-toggle-x: 0px; /* Movimiento horizontal de hamburguesa normal */
  --nd-toggle-y: 0px; /* Movimiento vertical de hamburguesa normal */
  --nd-toggle-x-scrolled: 0px; /* Movimiento horizontal de hamburguesa en scroll */
  --nd-toggle-y-scrolled: 0px; /* Movimiento vertical de hamburguesa en scroll */

  --nd-logo-pad-left: 30px; /* Separación izquierda del logo */
  --nd-logo-pad-bottom: 15px; /* Separación inferior del logo */
  --nd-brand-pad-left: 15px; /* Separación izquierda del título */
  --nd-brand-pad-bottom: 0px; /* Separación inferior del título */
  --nd-brand-margin-left: 10px; /* Margen entre logo y título */
  --nd-menu-pad-right: 30px; /* Separación derecha del menú */
  --nd-menu-pad-bottom: 15px; /* Separación inferior del menú */
}


/* ==============================================================================
   02. HEADER PRINCIPAL
   Controla fondo, altura y animaciones generales.
   ============================================================================== */

.elementor-element-c8c8121 {
  background: var(--nd-bg) !important; /* Aplica fondo negro normal */
  min-height: var(--nd-header-h) !important; /* Define alto mínimo normal */
  max-height: var(--nd-header-h) !important; /* Define alto máximo normal */
  transition:
    background var(--nd-ease),
    min-height var(--nd-ease),
    max-height var(--nd-ease),
    padding var(--nd-ease),
    box-shadow var(--nd-ease) !important; /* Anima cambios visuales */
}

.elementor-element-c8c8121.e-flex,
.elementor-element-c8c8121 > .e-con-inner {
  flex-direction: row !important; /* Acomoda logo, título y menú en fila */
  flex-wrap: nowrap !important; /* Evita que salten a otra línea */
  align-items: flex-end !important; /* Alinea elementos hacia la base */
  --align-items: flex-end !important; /* Refuerza variable interna de Elementor */
  gap: 0 !important; /* Elimina separación automática */
}

.elementor-element-c8c8121 .nd-logo img,
.elementor-element-c8c8121 .nd-brand .elementor-heading-title,
.elementor-element-c8c8121 .nd-menu .elementor-item,
.elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
  transition:
    width var(--nd-ease),
    font-size var(--nd-ease),
    color var(--nd-ease),
    transform var(--nd-ease) !important; /* Suaviza cambios de tamaño, color y posición */
}


/* ==============================================================================
   03. LOGO
   Controla wrapper e imagen del logo.
   ============================================================================== */

.elementor-element-c960549 {
  flex: 0 0 auto !important; /* El logo no crece ni se encoge */
  width: auto !important; /* El ancho depende del contenido */
  --flex-grow: 0 !important; /* Refuerzo para Elementor */
  --flex-shrink: 0 !important; /* Refuerzo para Elementor */
  --flex-basis: auto !important; /* Refuerzo para Elementor */
  padding: 0 !important; /* Limpia padding CSS directo */
  --padding-top: 0px !important; /* Padding superior del wrapper */
  --padding-right: 0px !important; /* Padding derecho del wrapper */
  --padding-bottom: var(--nd-logo-pad-bottom) !important; /* Padding inferior del logo */
  --padding-left: var(--nd-logo-pad-left) !important; /* Padding izquierdo del logo */
}

.elementor-element-70ea03d img,
.elementor-element-c8c8121 .nd-logo img {
  display: block !important; /* Evita espacio fantasma de imagen inline */
  width: var(--nd-logo-w) !important; /* Controla ancho del logo */
  max-width: var(--nd-logo-w) !important; /* Evita que Elementor lo agrande */
  height: auto !important; /* Mantiene proporción */
  transform: translate(var(--nd-logo-x), var(--nd-logo-y)) !important; /* aqui se sube y se baja LOGO */
}


/* ==============================================================================
   04. TÍTULO
   Controla wrapper y texto NIVEL DELTA.
   ============================================================================== */

.elementor-element-8a70acb {
  flex: 0 0 auto !important; /* El título no ocupa espacio extra */
  width: auto !important; /* Ancho según contenido */
  --flex-grow: 0 !important; /* Refuerzo para Elementor */
  --flex-shrink: 0 !important; /* Refuerzo para Elementor */
  --flex-basis: auto !important; /* Refuerzo para Elementor */
  padding: 0 !important; /* Limpia padding CSS directo */
  margin-left: var(--nd-brand-margin-left) !important; /* Margen real entre logo y título */
  --margin-left: var(--nd-brand-margin-left) !important; /* Variable Elementor equivalente */
  --padding-top: 0px !important; /* Padding superior del título */
  --padding-right: 0px !important; /* Padding derecho del título */
  --padding-bottom: var(--nd-brand-pad-bottom) !important; /* Padding inferior del título */
  --padding-left: var(--nd-brand-pad-left) !important; /* Padding izquierdo del título */
}

.elementor-element-c8c8121 .nd-brand .elementor-heading-title {
  color: var(--nd-gold) !important; /* Título dorado en estado normal */
  font-size: var(--nd-title-size) !important; /* Tamaño del título */
  line-height: 1 !important; /* Altura compacta */
  white-space: nowrap !important; /* Evita salto de línea */
  transform: translate(var(--nd-title-x), var(--nd-title-y)) !important; /* aqui se sube y se baja TÍTULO */
}


/* ==============================================================================
   05. MENÚ / HAMBURGUESA
   Controla menú horizontal, wrapper y toggle móvil.
   ============================================================================== */

.elementor-element-c168738 {
  flex: 1 1 auto !important; /* El menú ocupa el espacio restante */
  width: auto !important; /* Ancho flexible */
  --flex-grow: 1 !important; /* Refuerzo para Elementor */
  --flex-shrink: 1 !important; /* Permite reducir si falta espacio */
  --flex-basis: auto !important; /* Base flexible */
  padding: 0 !important; /* Limpia padding CSS directo */
  --padding-top: 0px !important; /* Padding superior del menú */
  --padding-right: var(--nd-menu-pad-right) !important; /* Separación derecha del menú */
  --padding-bottom: var(--nd-menu-pad-bottom) !important; /* Separación inferior del menú */
  --padding-left: 0px !important; /* Padding izquierdo del menú */
  display: flex !important; /* Activa flex en wrapper */
  justify-content: flex-end !important; /* Manda menú a la derecha */
  align-items: flex-end !important; /* Alinea menú a la base */
}

.elementor-element-c8c8121 .nd-menu .elementor-item {
  color: var(--nd-gold) !important; /* Color dorado del menú */
  font-size: var(--nd-menu-size) !important; /* Tamaño del menú */
  font-weight: var(--nd-menu-weight) !important; /* Grosor del menú */
  white-space: nowrap !important; /* Evita que se partan los items */
  padding: var(--nd-menu-pad-y) var(--nd-menu-pad-x) !important; /* Padding interno de cada item */
  transform: translate(var(--nd-menu-x), var(--nd-menu-y)) !important; /* aqui se sube y se baja MENÚ */
}

.elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
  color: var(--nd-gold) !important; /* Color dorado de hamburguesa */
  transform: translate(var(--nd-toggle-x), var(--nd-toggle-y)) !important; /* aqui se sube y se baja HAMBURGUESA */
}


/* ==============================================================================
   06. ESTADO SCROLLED
   Cambios cuando el script agrega .nd-scrolled.
   ============================================================================== */

.elementor-element-c8c8121.nd-scrolled {
  background: var(--nd-gold-bg) !important; /* Cambia fondo a dorado */
  min-height: var(--nd-header-h-scrolled) !important; /* Alto menor en scroll */
  max-height: var(--nd-header-h-scrolled) !important; /* Alto máximo menor en scroll */
  box-shadow: var(--nd-shadow-scrolled) !important; /* Sombra del header en scroll */
}

.elementor-element-c8c8121.nd-scrolled .nd-logo img,
.elementor-element-c8c8121.nd-scrolled .elementor-element-70ea03d img {
  width: var(--nd-logo-w-scrolled) !important; /* Logo más pequeño en scroll */
  max-width: var(--nd-logo-w-scrolled) !important; /* Evita override de Elementor */
  transform: translate(var(--nd-logo-x-scrolled), var(--nd-logo-y-scrolled)) !important; /* Posición del logo en scroll */
}

.elementor-element-c8c8121.nd-scrolled .nd-brand .elementor-heading-title {
  color: var(--nd-black) !important; /* Título negro sobre fondo dorado */
  font-size: var(--nd-title-size-scrolled) !important; /* Título más pequeño en scroll */
  transform: translate(var(--nd-title-x-scrolled), var(--nd-title-y-scrolled)) !important; /* Posición del título en scroll */
}

.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-item {
  color: var(--nd-black) !important; /* Menú negro sobre fondo dorado */
  font-size: var(--nd-menu-size-scrolled) !important; /* Menú ajustado en scroll */
  transform: translate(var(--nd-menu-x-scrolled), var(--nd-menu-y-scrolled)) !important; /* Posición del menú en scroll */
}

.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-menu-toggle {
  color: var(--nd-black) !important; /* Hamburguesa negra en scroll */
  transform: translate(var(--nd-toggle-x-scrolled), var(--nd-toggle-y-scrolled)) !important; /* Posición hamburguesa en scroll */
}

.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-menu-toggle i,
.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-menu-toggle svg,
.elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-menu-toggle svg path,
.elementor-element-c8c8121.nd-scrolled .nd-menu .sub-arrow,
.elementor-element-c8c8121.nd-scrolled .nd-menu .sub-arrow svg path {
  color: var(--nd-black) !important; /* Fuerza iconos negros */
  fill: var(--nd-black) !important; /* Fuerza relleno SVG negro */
  stroke: var(--nd-black) !important; /* Fuerza trazo SVG negro */
}


/* ==============================================================================
   07. MOBILE / TABLET
   Hasta 1199px se muestra hamburguesa y se oculta menú horizontal.
   ============================================================================== */

@media (max-width: 1199px) {
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main {
    display: none !important; /* Oculta menú horizontal */
  }

  .elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
    display: flex !important; /* Muestra hamburguesa */
  }

  .elementor-element-c8c8121:not(.nd-scrolled) .nd-menu .elementor-menu-toggle i,
  .elementor-element-c8c8121:not(.nd-scrolled) .nd-menu .elementor-menu-toggle svg,
  .elementor-element-c8c8121:not(.nd-scrolled) .nd-menu .elementor-menu-toggle svg path {
    color: var(--nd-gold) !important; /* Icono dorado normal */
    fill: var(--nd-gold) !important; /* SVG dorado normal */
    stroke: var(--nd-gold) !important; /* Trazo dorado normal */
  }

  .elementor-element-c168738 {
    align-self: center !important; /* Centra wrapper del menú */
    --align-self: center !important; /* Refuerzo Elementor */
    align-items: center !important; /* Centra hamburguesa dentro del wrapper */
  }
}


/* 07.1 MOBILE PEQUEÑO — hasta 480px */
@media (max-width: 480px) {
  .elementor-element-c8c8121 {
    --nd-header-h: 50px;
    --nd-header-h-scrolled: 30px;
    --nd-logo-w: 40px;
    --nd-logo-w-scrolled: 25px;
    --nd-logo-x-scrolled: 5px;
    --nd-logo-y-scrolled: 5px;
    --nd-title-size: 40px;
    --nd-title-size-scrolled: 25px;
    --nd-title-x: -5px;
    --nd-title-y: 8px;
    --nd-title-y-scrolled: 10px;
    --nd-logo-pad-left: 14px;
    --nd-logo-pad-bottom: 8px;
    --nd-brand-pad-left: 13px;
    --nd-menu-pad-right: 14px;
    --nd-menu-pad-bottom: 0px;
  }
}


/* 07.2 MOBILE NORMAL — 481px a 767px */
@media (min-width: 481px) and (max-width: 767px) {
  .elementor-element-c8c8121 {
    --nd-header-h: 65px;
    --nd-header-h-scrolled: 40px;
    --nd-logo-w: 45px;
    --nd-logo-w-scrolled: 30px;
    --nd-logo-x: 5px;
    --nd-logo-y: -5px;
    --nd-logo-x-scrolled: 5px;
    --nd-logo-y-scrolled: 4px;
    --nd-title-size: 45px;
    --nd-title-size-scrolled: 30px;
    --nd-title-y: 5px;
    --nd-title-y-scrolled: 9px;
    --nd-toggle-x: -15px;
    --nd-logo-pad-left: 16px;
    --nd-logo-pad-bottom: 9px;
    --nd-brand-pad-left: 4px;
    --nd-menu-pad-right: 16px;
    --nd-menu-pad-bottom: 0px;
  }
}


/* 07.3 MOBILE HORIZONTAL — hasta 767px y altura menor a 450px */
@media (max-width: 767px) and (max-height: 450px) {
  .elementor-element-c8c8121 {
    --nd-header-h: 60px;
    --nd-header-h-scrolled: 30px;
    --nd-logo-w: 40px;
    --nd-logo-w-scrolled: 25px;
    --nd-logo-y-scrolled: 5px;
    --nd-title-size: 40px;
    --nd-title-size-scrolled: 25px;
    --nd-title-x: -4px;
    --nd-title-y: 7px;
    --nd-title-x-scrolled: -7px;
    --nd-title-y-scrolled: 10px;
    --nd-logo-pad-left: 14px;
    --nd-logo-pad-bottom: 6px;
    --nd-brand-pad-left: 3px;
    --nd-menu-pad-right: 14px;
    --nd-menu-pad-bottom: 0px;
  }
}


/* 07.4 TABLET — 768px a 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-element-c8c8121 {
    --nd-header-h: 85px;
    --nd-header-h-scrolled: 55px;
    --nd-logo-w: 70px;
    --nd-logo-w-scrolled: 45px;
    --nd-logo-y-scrolled: 5px;
    --nd-title-size: 70px;
    --nd-title-size-scrolled: 45px;
    --nd-title-y: 15px;
    --nd-title-x-scrolled: -3px;
    --nd-title-y-scrolled: 14px;
    --nd-logo-pad-left: 24px;
    --nd-logo-pad-bottom: 10px;
    --nd-brand-pad-left: 14px;
    --nd-menu-pad-right: 24px;
    --nd-menu-pad-bottom: 0px;
  }
}


/* 07.5 TABLET GRANDE — 1025px a 1199px */
@media (min-width: 1025px) and (max-width: 1199px) {
  .elementor-element-c8c8121 {
    --nd-header-h: 90px;
    --nd-header-h-scrolled: 60px;
    --nd-logo-w: 75px;
    --nd-logo-w-scrolled: 50px;
    --nd-logo-y: 5px;
    --nd-logo-y-scrolled: 7px;
    --nd-title-size: 75px;
    --nd-title-size-scrolled: 40px;
    --nd-title-y: 17px;
    --nd-title-x-scrolled: -5px;
    --nd-title-y-scrolled: 14px;
    --nd-toggle-x: -15px;
    --nd-toggle-x-scrolled: -10px;
    --nd-toggle-y-scrolled: 9px;
    --nd-logo-pad-left: 28px;
    --nd-logo-pad-bottom: 12px;
    --nd-brand-pad-left: 15px;
    --nd-menu-pad-right: 28px;
    --nd-menu-pad-bottom: 0px;
  }
}


/* ==============================================================================
   08. DESKTOP
   Desde 1200px se muestra menú horizontal y se oculta hamburguesa.
   ============================================================================== */

@media (min-width: 1200px) {
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main {
    display: block !important; /* Muestra menú horizontal */
  }

  .elementor-element-c8c8121 .nd-menu .elementor-menu-toggle {
    display: none !important; /* Oculta hamburguesa */
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main ul {
    flex-wrap: nowrap !important; /* Evita que el menú salte de línea */
    white-space: nowrap !important; /* Mantiene texto en una línea */
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .elementor-item,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .elementor-item:hover,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .elementor-item:focus,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .elementor-item-active,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .elementor-item.highlighted {
    background: transparent !important; /* Elimina fondos de Elementor */
    text-decoration: none !important; /* Elimina subrayados */
    border: none !important; /* Elimina bordes */
    box-shadow: none !important; /* Elimina sombras */
  }

  .elementor-element-c8c8121:not(.nd-scrolled) .nd-menu .elementor-nav-menu--main .elementor-item {
    color: var(--nd-gold) !important; /* Menú dorado en estado normal */
  }

  .elementor-element-c8c8121.nd-scrolled .nd-menu .elementor-nav-menu--main .elementor-item {
    color: var(--nd-black) !important; /* Menú negro en scroll */
  }
}


/* 08.1 LAPTOP — 1200px a 1440px */
@media (min-width: 1200px) and (max-width: 1440px) {
  .elementor-element-c8c8121 {
    --nd-header-h: 90px;
    --nd-header-h-scrolled: 55px;
    --nd-logo-w: 75px;
    --nd-logo-w-scrolled: 45px;
    --nd-logo-y-scrolled: 5px;
    --nd-title-size: 75px;
    --nd-title-size-scrolled: 45px;
    --nd-title-y: 11px;
    --nd-title-y-scrolled: 12px;
    --nd-menu-size: 20px;
    --nd-menu-size-scrolled: 19px;
    --nd-menu-pad-x: 6px;
    --nd-logo-pad-left: 30px;
    --nd-logo-pad-bottom: 15px;
    --nd-brand-pad-left: 15px;
    --nd-menu-pad-right: 30px;
    --nd-menu-pad-bottom: 15px;
  }
}


/* 08.2 MONITOR ESTÁNDAR — 1441px a 2000px */
@media (min-width: 1441px) and (max-width: 2000px) {
  .elementor-element-c8c8121 {
    --nd-header-h: 110px;
    --nd-header-h-scrolled: 60px;
    --nd-logo-w: 90px;
    --nd-logo-w-scrolled: 55px;
    --nd-logo-y-scrolled: 7px;
    --nd-title-size: 90px;
    --nd-title-size-scrolled: 55px;
    --nd-title-x: -2px;
    --nd-title-y: 12px;
    --nd-title-y-scrolled: 16px;
    --nd-menu-size: 25px;
    --nd-menu-size-scrolled: 24px;
    --nd-menu-pad-x: 10px;
    --nd-menu-y-scrolled: 7px;
    --nd-logo-pad-left: 30px;
    --nd-logo-pad-bottom: 20px;
    --nd-brand-pad-left: 15px;
    --nd-brand-pad-bottom: 20px;
    --nd-menu-pad-right: 30px;
    --nd-menu-pad-bottom: 20px;
  }
}


/* 08.3 MONITOR 2K — 2001px a 2500px */
@media (min-width: 2001px) and (max-width: 2500px) {
  .elementor-element-c8c8121 {
    --nd-header-h: 130px;
    --nd-header-h-scrolled: 80px;
    --nd-logo-w: 120px;
    --nd-logo-w-scrolled: 70px;
    --nd-logo-y-scrolled: 7px;
    --nd-title-size: 120px;
    --nd-title-size-scrolled: 90px;
    --nd-title-x: 3px;
    --nd-title-y: 20px;
    --nd-title-x-scrolled: 5px;
    --nd-title-y-scrolled: 25px;
    --nd-menu-size: 35px;
    --nd-menu-size-scrolled: 33px;
    --nd-menu-pad-x: 10px;
    --nd-menu-y-scrolled: 7px;
    --nd-logo-pad-bottom: 20px;
    --nd-brand-pad-bottom: 20px;
    --nd-menu-pad-bottom: 20px;
  }
}


/* 08.4 MONITOR QHD — 2501px a 3000px */
@media (min-width: 2501px) and (max-width: 3000px) {
  .elementor-element-c8c8121 {
    --nd-header-h: 150px;
    --nd-header-h-scrolled: 110px;
    --nd-logo-w: 140px;
    --nd-logo-w-scrolled: 100px;
    --nd-logo-x: 20px;
    --nd-title-size: 140px;
    --nd-title-size-scrolled: 100px;
    --nd-title-x: 20px;
    --nd-title-y: 30px;
    --nd-title-x-scrolled: 5px;
    --nd-title-y-scrolled: 15px;
    --nd-menu-size: 45px;
    --nd-menu-size-scrolled: 43px;
    --nd-menu-pad-x: 10px;
    --nd-menu-y-scrolled: 7px;
    --nd-logo-pad-bottom: 20px;
    --nd-brand-pad-bottom: 20px;
    --nd-menu-pad-bottom: 20px;
  }
}


/* 08.5 PRE-4K — 3001px a 3839px */
@media (min-width: 3001px) and (max-width: 3839px) {
  .elementor-element-c8c8121 {
    --nd-header-h: 200px;
    --nd-header-h-scrolled: 120px;
    --nd-logo-w: 190px;
    --nd-logo-w-scrolled: 110px;
    --nd-logo-x: 20px;
    --nd-title-size: 190px;
    --nd-title-size-scrolled: 110px;
    --nd-title-x: 20px;
    --nd-title-y: 40px;
    --nd-title-x-scrolled: 5px;
    --nd-title-y-scrolled: 15px;
    --nd-menu-size: 55px;
    --nd-menu-size-scrolled: 53px;
    --nd-menu-pad-x: 10px;
    --nd-menu-y-scrolled: 7px;
    --nd-logo-pad-bottom: 20px;
    --nd-brand-pad-bottom: 20px;
    --nd-menu-pad-bottom: 20px;
  }
}


/* 08.6 4K / UHD — 3840px en adelante */
@media (min-width: 3840px) {
  .elementor-element-c8c8121 {
    --nd-header-h: 250px;
    --nd-header-h-scrolled: 160px;
    --nd-logo-w: 240px;
    --nd-logo-w-scrolled: 150px;
    --nd-logo-x: 100px;
    --nd-title-size: 240px;
    --nd-title-size-scrolled: 150px;
    --nd-title-x: 120px;
    --nd-title-y: 50px;
    --nd-title-x-scrolled: 20px;
    --nd-title-y-scrolled: 25px;
    --nd-menu-size: 65px;
    --nd-menu-size-scrolled: 60px;
    --nd-menu-weight: 500;
    --nd-menu-pad-x: 14px;
    --nd-logo-pad-left: 60px;
    --nd-logo-pad-bottom: 20px;
    --nd-brand-pad-left: 15px;
    --nd-menu-pad-right: 60px;
    --nd-menu-pad-bottom: 20px;
  }
}


/* ==============================================================================
   09. SUBMENÚ DESPLEGABLE
   Estilos del dropdown del menú principal en desktop.
   ============================================================================== */

@media (min-width: 1200px) {
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu li,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu .menu-item {
    background: var(--nd-submenu-bg) !important; /* Fondo del dropdown y sus filas */
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main ul.sub-menu {
    border: 1px solid var(--nd-submenu-border) !important; /* Borde del dropdown */
    min-width: var(--nd-submenu-min-w) !important; /* Ancho mínimo del dropdown */
    padding: 0 !important; /* Elimina padding del contenedor */
    border-radius: var(--nd-radius) !important; /* Radio del dropdown */
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28) !important; /* Sombra del dropdown */
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu a,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item {
    background: var(--nd-submenu-bg) !important; /* Fondo de cada item */
    color: var(--nd-gold) !important; /* Texto dorado */
    font-size: var(--nd-submenu-size) !important; /* Tamaño de texto */
    font-weight: 600 !important; /* Grosor del texto */
    padding: var(--nd-submenu-pad) !important; /* Espacio interno del item */
    text-decoration: none !important; /* Quita subrayado */
    border: none !important; /* Quita bordes */
  }

  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu a:hover,
  .elementor-element-c8c8121 .nd-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover {
    background: var(--nd-submenu-hover) !important; /* Fondo al pasar mouse */
    color: var(--nd-gold) !important; /* Mantiene texto dorado */
  }
}/* End custom CSS */