.elementor-509 .elementor-element.elementor-element-aa6cb3b{--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;}.elementor-509 .elementor-element.elementor-element-e318c91{transition:all 400ms;}.elementor-509 .elementor-element.elementor-element-19af558{--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:center;--align-items:center;}.elementor-509 .elementor-element.elementor-element-19af558:not(.elementor-motion-effects-element-type-background), .elementor-509 .elementor-element.elementor-element-19af558 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-509 .elementor-element.elementor-element-a9913de{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-509 .elementor-element.elementor-element-017466e{transition:all 400ms;}.elementor-509 .elementor-element.elementor-element-017466e .elementor-menu-toggle{margin:0 auto;}.elementor-509 .elementor-element.elementor-element-017466e .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;}.elementor-509 .elementor-element.elementor-element-d744df5.elementor-element{--align-self:center;}.elementor-509 .elementor-element.elementor-element-d744df5{transition:all 400ms;}.elementor-509 .elementor-element.elementor-element-5bfe450{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-509 .elementor-element.elementor-element-168a218{transition:all 400ms;}.elementor-509 .elementor-element.elementor-element-168a218 .elementor-menu-toggle{margin:0 auto;}.elementor-509 .elementor-element.elementor-element-168a218 .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;}.elementor-509 .elementor-element.elementor-element-ad26ea5{--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:center;--align-items:center;}.elementor-509 .elementor-element.elementor-element-ad26ea5:not(.elementor-motion-effects-element-type-background), .elementor-509 .elementor-element.elementor-element-ad26ea5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-509 .elementor-element.elementor-element-ac9d7d6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-509 .elementor-element.elementor-element-f3e9742{transition:all 400ms;}.elementor-509 .elementor-element.elementor-element-f3e9742 .elementor-menu-toggle{margin:0 auto;}.elementor-509 .elementor-element.elementor-element-f3e9742 .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;}.elementor-509:not(.elementor-motion-effects-element-type-background), .elementor-509 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-509 .elementor-element.elementor-element-19af558{--width:100%;}.elementor-509 .elementor-element.elementor-element-ad26ea5{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-aa6cb3b *//* ==== HEADER BASE ==== */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: all 0.4s ease;
}

/* Versión transparente (inicio) */
.site-header .header-transparent {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: #fff;
  transition: all 0.4s ease;
}

/* Versión scrolled oculta al inicio */
.site-header .header-scrolled {
  display: none;
  background-color: #f3f0e4; /* color crema */
  color: #000;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease;
}

/* Cuando se hace scroll: ocultar la transparente y mostrar la nueva */
body.scrolled .site-header .header-transparent {
  display: none;
  width: 100%;
}

body.scrolled .site-header .header-scrolled {
  display: flex;
}

/* Sombra ligera opcional */
body.scrolled .site-header {
background-color: white;
}/* End custom CSS */