.elementor-1519 .elementor-element.elementor-element-8f7ce8c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:-85px;--margin-left:0px;--margin-right:0px;--z-index:999;}.elementor-1519 .elementor-element.elementor-element-8f7ce8c:not(.elementor-motion-effects-element-type-background), .elementor-1519 .elementor-element.elementor-element-8f7ce8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#80000000;}.elementor-1519 .elementor-element.elementor-element-15406e9{text-align:start;}.elementor-1519 .elementor-element.elementor-element-15406e9 img{width:100%;height:60px;}.elementor-1519 .elementor-element.elementor-element-0c85872.elementor-element{--align-self:center;}.elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-menu-toggle{margin:0 auto;background-color:#00000026;}.elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#800000;}.elementor-1519 .elementor-element.elementor-element-0c85872 .e--pointer-framed .elementor-item:before,
					.elementor-1519 .elementor-element.elementor-element-0c85872 .e--pointer-framed .elementor-item:after{border-color:#800000;}.elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-nav-menu--dropdown a, .elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-menu-toggle{color:#383838;fill:#383838;}.elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-1519 .elementor-element.elementor-element-0c85872 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.18);}.elementor-1519 .elementor-element.elementor-element-0c85872 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-1519 .elementor-element.elementor-element-0c85872 div.elementor-menu-toggle svg{fill:#FFFFFF;}.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-1519 .elementor-element.elementor-element-8f7ce8c{--z-index:999;}}@media(max-width:767px){.elementor-1519 .elementor-element.elementor-element-15406e9{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-8f7ce8c */.elementor-1519 .elementor-element.elementor-element-8f7ce8c {
    background-color: transparent;
transition: background-color 0.4s ease-in-out;

}

.elementor-1519 .elementor-element.elementor-element-8f7ce8c.elementor-sticky--effects {
    opacity: 1;
    background-image: url('https://hosting172473eu-cp816.wordpresstemporal.com/jaumeribas/wp-content/uploads/2026/04/El-dintell-de-lenigma-mixta-sobre-tela-HERO-2.webp');
 /*background-color: #80000036; /*color al hacer scroll */
/*backdrop-filter: blur(5px);*/
}

.elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-widget-image img {
    height: 60px; /* tamaño inicial del logo */
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-nav-menu a {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

/* Estado al hacer scroll */
.elementor-1519 .elementor-element.elementor-element-8f7ce8c.elementor-sticky--effects .elementor-widget-image img {
    opacity: 1;
    height: 45px; /* logo más pequeño */
}

.elementor-1519 .elementor-element.elementor-element-8f7ce8c.elementor-sticky--effects .elementor-nav-menu a {
    opacity: 1;
    font-size: 14px; /* menú más pequeño */
}


/* ── MÓVIL ── */
@media (max-width: 767px) {

  /* Eliminar el fondo blanco del contenedor */
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c,
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-container,
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-row,
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-column,
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-widget-wrap {
    background-color: transparent !important;
    background: transparent !important;
  }

  /* Contenedor principal: siempre visible y sticky */
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c {
    opacity: 1 !important;
    position: fixed !important;
    top: 35px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
  }

  /* Logo oculto al inicio */
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-widget-image img {
    opacity: 0 !important;
    height: 45px !important;
    transition: opacity 0.4s ease-in-out !important;
  }

  /* Hamburguesa siempre visible y en color blanco */
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-menu-toggle,
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-nav-menu--toggle {
    opacity: 1 !important;
    color: #ffffff !important;
  }
  
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c a{
      opacity: 1!important;
  }
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c a:hover{
      color: white!important;
  }

  /* Icono del hamburguesa en blanco */
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-menu-toggle i,
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-menu-toggle svg,
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c .elementor-menu-toggle .eicon-menu-bar {
    color: #ffffff !important;
    fill: #ffffff !important;
  }

  /* Al hacer scroll: fondo oscuro y logo aparece */
  .elementor-1519 .elementor-element.elementor-element-8f7ce8c.elementor-sticky--effects {
    background-color: #80000036 !important;
  }

  .elementor-1519 .elementor-element.elementor-element-8f7ce8c.elementor-sticky--effects .elementor-widget-image img {
    opacity: 1 !important;
  }
}/* End custom CSS */