.elementor-187 .elementor-element.elementor-element-87b8c0a{--display:flex;--min-height:12vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-187 .elementor-element.elementor-element-87b8c0a:not(.elementor-motion-effects-element-type-background), .elementor-187 .elementor-element.elementor-element-87b8c0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-187 .elementor-element.elementor-element-87b8c0a.e-con{--e-con-transform-translateX:0px;--e-con-transform-translateY:-20px;}.elementor-187 .elementor-element.elementor-element-98831e5{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187 .elementor-element.elementor-element-98831e5.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-187 .elementor-element.elementor-element-91dfc5b{--display:grid;--min-height:50px;--e-con-grid-template-columns:0.1fr 1fr 0.2fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--grid-justify-content:center;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187 .elementor-element.elementor-element-91dfc5b.e-con{--align-self:center;}.elementor-widget-theme-site-logo .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-187 .elementor-element.elementor-element-6f99564 > .elementor-widget-container{--e-transform-translateX:-30px;--e-transform-translateY:45px;margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-6f99564.elementor-element{--align-self:stretch;--order:-99999 /* order start hack */;}.elementor-187 .elementor-element.elementor-element-6f99564{text-align:center;}.elementor-187 .elementor-element.elementor-element-6f99564 img{width:100%;max-width:100%;opacity:1;border-radius:0px 0px 0px 0px;}.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-187 .elementor-element.elementor-element-da5e144 > .elementor-widget-container{--e-transform-translateY:8px;margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-da5e144.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu .elementor-item{font-family:"Raleway", Sans-serif;font-size:16px;font-weight:500;}.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-top:10px;padding-bottom:10px;}.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--main .elementor-item:focus{color:#69ABE3;fill:#69ABE3;}.elementor-187 .elementor-element.elementor-element-da5e144{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--dropdown a, .elementor-187 .elementor-element.elementor-element-da5e144 .elementor-menu-toggle{color:#FFFFFF;}.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--dropdown{background-color:#000000;}.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--dropdown a:hover,
					.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-menu-toggle:hover{color:#69ABE3;}.elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--dropdown .elementor-item, .elementor-187 .elementor-element.elementor-element-da5e144 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-187 .elementor-element.elementor-element-6bac71b > .elementor-widget-container{margin:38px 0px 0px 0px;}.elementor-187 .elementor-element.elementor-element-6bac71b .elementor-menu-toggle{margin:0 auto;}.elementor-187 .elementor-element.elementor-element-6bac71b .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:600;}.elementor-187 .elementor-element.elementor-element-6bac71b .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-187 .elementor-element.elementor-element-6bac71b .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-187 .elementor-element.elementor-element-6bac71b .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-187 .elementor-element.elementor-element-6bac71b .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-187 .elementor-element.elementor-element-6bac71b .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-187 .elementor-element.elementor-element-6bac71b .e--pointer-underline .elementor-item:after,
					 .elementor-187 .elementor-element.elementor-element-6bac71b .e--pointer-overline .elementor-item:before,
					 .elementor-187 .elementor-element.elementor-element-6bac71b .e--pointer-double-line .elementor-item:before,
					 .elementor-187 .elementor-element.elementor-element-6bac71b .e--pointer-double-line .elementor-item:after{height: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-187 .elementor-element.elementor-element-91dfc5b{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-187 .elementor-element.elementor-element-87b8c0a{--content-width:90%;}.elementor-187 .elementor-element.elementor-element-98831e5{--width:100%;}.elementor-187 .elementor-element.elementor-element-91dfc5b{--width:100%;}}@media(max-width:767px){.elementor-187 .elementor-element.elementor-element-91dfc5b{--e-con-grid-template-columns:1;--grid-auto-flow:row;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-6f99564 */.divcustomlogo {
  display: flex;
  align-items: flex-start;  /*evita que se empujen verticalmente */
}

.elementor-element-6f99564 {
    transform: translateY(-15%) !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-location-header {
    margin-bottom: 40px; /* ajusta el valor */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-6bac71b *//* Mantener los iconos del menú en línea aunque la pantalla sea pequeña */
.menu-iconos-header ul {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: flex-end; /* o center si lo prefieres */
  gap: 0px; /* espacio entre iconos */
  flex-wrap: nowrap !important; /* evita salto de línea */
}

.cart-icon-wrapper {
    position: relative !important;
    display: inline-block !important;
}

.cart-count-bubble {
    position: absolute !important;
    top: -6px !important;
    right: -8px !important;
    background-color: #ff3b3b !important;
    color: white !important;
    font-size: 11px !important;
    font-weight: bold !important;
    border-radius: 50% !important;
    padding: 2px 5px !important;
    line-height: 1 !important;
    min-width: 16px !important;
    text-align: center !important;
    pointer-events: none !important;
    z-index: 10 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91dfc5b *//* Neutralizar los transforms problemáticos del header */
.elementor-element-87b8c0a {
    transform: none !important;
}

/* Recentrar el contenido verticalmente */
.elementor-element-98831e5 {
    align-items: center !important;
}

/* Altura mínima en vez de fija, y centrado vertical */
.elementor-element-98831e5 {
    min-height: 60px !important;
    height: auto !important;
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    padding-bottom: 20px !important; /* aumenta este valor */
}

/* Evitar que el fondo crezca de más */
.elementor-element-87b8c0a {
    transform: none !important;
    height: auto !important;
    min-height: unset !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98831e5 */.fullwidth {
  width: 100%;
  margin: 0;
  padding: 0;
}




/*
<!--
<div id="audio-container" style="position: relative; width: 100px; height: 100px;">
  <!-- Botón para mutear/desmutear -->
<!--
  <button id="mute-button" onclick="toggleMute()" style="background: none; border: none; cursor: pointer;">
    <!-- Icono de audio (altavoz o mute) -->
<!--
    <img id="audio-icon" src="/ona_project/wp-content/uploads/2025/01/volume-bueno-reducido.png" alt="Mute" style="width: 40px; height: 40px;">
  </button>
</div>

<div id="player" style="display: none;"></div>

<script>
  let player;
  let isMuted = true;

  // Cargar la API de YouTube
  function loadYouTubeAPI() {
    const tag = document.createElement("script");
    tag.src = "https://www.youtube.com/iframe_api";
    const firstScriptTag = document.getElementsByTagName("script")[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  }

  // Crear el reproductor cuando la API esté lista
  function onYouTubeIframeAPIReady() {
    player = new YT.Player("player", {
      videoId: "0ET10LfDi-8", // El ID de tu video
      playerVars: {
        autoplay: 1,          // Autoplay al cargar la página
        loop: 1,              // Reproducir en bucle
        playlist: "0ET10LfDi-8", // ID de video para loop
        controls: 0,          // Eliminar controles del video
        modestbranding: 1,    // Minimizar la marca de YouTube
        rel: 0,               // No mostrar videos relacionados
        showinfo: 0,          // No mostrar información
        mute: 0               // No iniciar muteado
      },
      events: {
        onReady: function() {
          player.playVideo();
        },
        onStateChange: function(event) {
          // Verifica si el video ha terminado
          if (event.data == YT.PlayerState.ENDED) {
            player.seekTo(0); // Reinicia el video al principio
            player.playVideo(); // Reproduce el video nuevamente
          }
        }
      }
    });
  }

  // Función para alternar mute
  function toggleMute() {
    if (player) {
      if (isMuted) {
        player.unMute();
        document.getElementById("audio-icon").src = "/ona_project/wp-content/uploads/2025/01/volume-bueno-reducido.png"; // Icono de altavoz
      } else {
        player.mute();
        document.getElementById("audio-icon").src = "/ona_project/wp-content/uploads/2025/01/mute-bueno-reducido.png"; // Icono de mute
      }
      isMuted = !isMuted;
    }
  }

  // Llamar a la función para cargar la API de YouTube
  loadYouTubeAPI();
</script>

<style>
  /* Estilo para el botón cuando pasa el ratón por encima 
  #mute-button:hover {
    background-color: rgba(0, 0, 0, 0.1); /* Cambio de fondo del botón 
    border-radius: 50%; /* Hacer el borde redondeado si no lo tiene 
    transform: scale(1.1); /* Efecto de escala al hacer hover 
  }

  /* Estilo para el icono cuando pasa el ratón por encima 
  #mute-button:hover img {
    filter: brightness(0.8); /* Aplica un filtro de brillo para cambiar el color o intensidad 
  }
</style>
-->
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b8c0a */.elementor-187 .elementor-element.elementor-element-87b8c0a {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}/* End custom CSS */