.elementor-1338 .elementor-element.elementor-element-09d0ad8{--display:flex;--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;--padding-top:1.5rem;--padding-bottom:0rem;--padding-left:6rem;--padding-right:6rem;}.elementor-1338 .elementor-element.elementor-element-0796df1{--e-off-canvas-justify-content:flex-end;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:350ms;--e-off-canvas-overlay-opacity:0;}.elementor-1338 .elementor-element.elementor-element-958adca{--display:flex;--padding-top:1rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.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-1338 .elementor-element.elementor-element-09d0ad8{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-1338 .elementor-element.elementor-element-0796df1{--e-off-canvas-width:100vw;}}/* Start custom CSS for html, class: .elementor-element-4c8cfb6 */[lang="en-US"]{
    .lang-es-ES,.btn_lang-en-US {
        display: none;
    }
    
}
[lang="es-ES"]{
    .lang-en-US,.btn_lang-es-ES {
        display: none;
    }
}



  .lang-dropdown-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
  }

  .lang-trigger {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 10px 0;
    user-select: none;
  }

  .lang-trigger svg {
    width: 20px;
    height: 20px;
  }

 .lang-menu {
    position: absolute;
    top: 100%;
    left: -20px; /* Ajuste para centrar respecto al texto */
    background-color: #fff;
    min-width: 160px;
    border-radius: 8px;
    padding: 12px 0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease-in-out;
    z-index: 999;
  }

  .lang-menu a {
    display: block;
    padding: 12px 24px;
    color: #9ca3af; /* Gris claro como en la imagen */
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .lang-menu a:hover,
  .lang-menu a:active {
    color: #000; /* Negro al hacer hover */
  }

  @media (min-width: 769px) {
    .lang-dropdown-wrapper:hover .lang-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
  }

  .lang-menu.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f539086 */[lang="en-US"]{
    .lang-es-ES,.btn_lang-en-US {
        display: none;
    }
    
}
[lang="es-ES"]{
    .lang-en-US,.btn_lang-es-ES {
        display: none;
    }
}



  .lang-dropdown-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
  }

  .lang-trigger {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 10px 0;
    user-select: none;
  }

  .lang-trigger svg {
    width: 20px;
    height: 20px;
  }

 .lang-menu {
    position: absolute;
    top: 100%;
    left: -20px; /* Ajuste para centrar respecto al texto */
    background-color: #fff;
    min-width: 160px;
    border-radius: 8px;
    padding: 12px 0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease-in-out;
    z-index: 999;
  }

  .lang-menu a {
    display: block;
    padding: 12px 24px;
    color: #9ca3af; /* Gris claro como en la imagen */
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .lang-menu a:hover,
  .lang-menu a:active {
    color: #000; /* Negro al hacer hover */
  }

  @media (min-width: 769px) {
    .lang-dropdown-wrapper:hover .lang-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
  }

  .lang-menu.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09d0ad8 */#main_logo_soda {
  --delay-sod: 0.3s;
}

.elementor-sticky--effects #main_logo_soda {
  --delay-sod: 0s;
  .sod {
    opacity: 0!important;
    transition-delay: var(--delay-sod);
  }
  .a {
    transform:translateX(-692px) translateY(-25px)!important;
  }

  .dash {
    transform: translateY(30px)!important;
  }
}


#main_logo_soda .sod {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  transition-delay: var(--delay-sod);
}

#main_logo_soda .a {
  transform: translateX(0) translateY(0);
  transition: transform 0.5s cubic-bezier(0.66, 0, 0.34, 1);
}

#main_logo_soda .dash {
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.66, 0, 0.34, 1);
  transition-delay: var(--delay-sod);
}/* End custom CSS */