.elementor-1562 .elementor-element.elementor-element-36440e1{--display:grid;--min-height:15px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--overlay-opacity:0.5;}.elementor-1562 .elementor-element.elementor-element-36440e1:not(.elementor-motion-effects-element-type-background), .elementor-1562 .elementor-element.elementor-element-36440e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#753EB8;}.elementor-1562 .elementor-element.elementor-element-36440e1::before, .elementor-1562 .elementor-element.elementor-element-36440e1 > .elementor-background-video-container::before, .elementor-1562 .elementor-element.elementor-element-36440e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1562 .elementor-element.elementor-element-36440e1 > .elementor-background-slideshow::before, .elementor-1562 .elementor-element.elementor-element-36440e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1562 .elementor-element.elementor-element-36440e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );}.elementor-1562 .elementor-element.elementor-element-cee3fc3.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-1562 .elementor-element.elementor-element-cee3fc3{text-align:center;}.elementor-1562 .elementor-element.elementor-element-cee3fc3 img{width:100%;max-width:100%;height:171px;opacity:1;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );}.elementor-1562 .elementor-element.elementor-element-fe407fe .elementor-menu-toggle{margin:0 auto;}.elementor-1562 .elementor-element.elementor-element-fe407fe .elementor-nav-menu .elementor-item{font-family:"Arial", Sans-serif;font-size:32px;font-weight:700;font-style:normal;}.elementor-1562 .elementor-element.elementor-element-fe407fe .elementor-nav-menu--main .elementor-item{color:#D88925;fill:#D88925;padding-left:6px;padding-right:6px;}.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-1562 .elementor-element.elementor-element-36440e1{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-1562 .elementor-element.elementor-element-36440e1{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1562 .elementor-element.elementor-element-cee3fc3{width:100%;max-width:100%;text-align:center;}.elementor-1562 .elementor-element.elementor-element-cee3fc3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1562 .elementor-element.elementor-element-cee3fc3 img{width:100%;max-width:100%;height:144px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-1562 .elementor-element.elementor-element-fe407fe{width:100%;max-width:100%;}.elementor-1562 .elementor-element.elementor-element-fe407fe .elementor-nav-menu .elementor-item{font-size:32px;line-height:0.5em;}}/* Start custom CSS for container, class: .elementor-element-36440e1 */.elementor-1562 .elementor-element.elementor-element-36440e1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: background-color 0.6s ease, box-shadow 0.6s ease;
  background-color: transparent;
}

body {
  padding-top: 100px; /* Ajusta si el header tapa parte del contenido */
}

window.onscroll = function() {
  var header = document.querySelector("#header-okanani");
  if (window.scrollY > 80) {
    header.style.backgroundColor = "rgba(74, 20, 140, 0.95)"; /* violeta */
    header.style.boxShadow = "0 2px 10px rgba(0,0,0,0.3)";
  } else {
    header.style.backgroundColor = "transparent";
    header.style.boxShadow = "none";
  }
};/* End custom CSS */