.elementor-987761 .elementor-element.elementor-element-15864d0{--display:flex;--min-height:53px;--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:center;--align-items:center;--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-987761 .elementor-element.elementor-element-15864d0:not(.elementor-motion-effects-element-type-background), .elementor-987761 .elementor-element.elementor-element-15864d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#494949;}.elementor-987761 .elementor-element.elementor-element-3b53e98{--display:flex;--min-height:60px;--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;--align-items:center;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-987761 .elementor-element.elementor-element-103e50c{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:0%;}.elementor-987761 .elementor-element.elementor-element-103e50c.e-con{--align-self:center;}.elementor-widget-image .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-987761 .elementor-element.elementor-element-83dce4c > .elementor-widget-container{padding:5px 0px 5px 0px;}.elementor-987761 .elementor-element.elementor-element-83dce4c{text-align:left;}.elementor-987761 .elementor-element.elementor-element-83dce4c img{width:17%;}.elementor-987761 .elementor-element.elementor-element-800bf6d > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-987761 .elementor-element.elementor-element-800bf6d{left:37px;}body.rtl .elementor-987761 .elementor-element.elementor-element-800bf6d{right:37px;}.elementor-987761 .elementor-element.elementor-element-800bf6d{top:3px;text-align:left;}.elementor-987761 .elementor-element.elementor-element-800bf6d img{width:18%;}.elementor-987761 .elementor-element.elementor-element-a471688{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:3px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-987761 .elementor-element.elementor-element-5261367 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-987761 .elementor-element.elementor-element-5261367 .elementor-icon-wrapper{text-align:right;}.elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-framed .elementor-icon, .elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-framed .elementor-icon, .elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-stacked .elementor-icon:hover{background-color:#000000;color:#FFFFFF7D;}.elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-framed .elementor-icon:hover, .elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-default .elementor-icon:hover{color:#000000;border-color:#000000;}.elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-framed .elementor-icon:hover, .elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-default .elementor-icon:hover svg{fill:#000000;}.elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF7D;}.elementor-987761 .elementor-element.elementor-element-5261367.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF7D;}.elementor-987761 .elementor-element.elementor-element-5261367 .elementor-icon{font-size:15px;padding:7px;border-width:2px 2px 2px 2px;border-radius:9px 9px 9px 9px;}.elementor-987761 .elementor-element.elementor-element-5261367 .elementor-icon svg{height:15px;}.elementor-987761:not(.elementor-motion-effects-element-type-background), .elementor-987761 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1B1B1;}@media(min-width:768px){.elementor-987761 .elementor-element.elementor-element-15864d0{--width:100%;}.elementor-987761 .elementor-element.elementor-element-3b53e98{--width:96%;}}/* Start custom CSS for container, class: .elementor-element-15864d0 *//* ------------------------------
   VARIABLES
   ------------------------------ */
:root {
  --header-height: 80px;
}

/* ------------------------------
   HEADER BASE
   ------------------------------ */
#menu-fijo {
  position: relative;        
  z-index: 1000;
  width: 100%;
  background: rgba(255,255,255,0);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  height: var(--header-height);
  display: flex;
  align-items: center; 
  justify-content: space-between;
  padding: 0 30px;
  /* ✅ quitamos transition general */
}

/* ------------------------------
   Sticky (Elementor aplica clase)
   ------------------------------ */
#menu-fijo.elementor-sticky--effects {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  z-index: 9999;
}

/* ✅ Transiciones separadas para suavidad */
#menu-fijo,
#menu-fijo * {
  transition: background-color 0.35s ease, 
              color 0.35s ease, 
              opacity 0.35s ease,
              box-shadow 0.35s ease,
              filter 0.35s ease;
}

/* Evita salto de contenido */
#menu-fijo.elementor-sticky--effects + * {
  margin-top: var(--header-height);
}

/* ------------------------------
   LOGOS
   ------------------------------ */
.logo-container {
  position: relative;
  width: 180px;
  height: auto;
}

.logo-container img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
  transition: opacity 0.4s ease;
}

.logo-claro { opacity: 1; }
.logo-oscuro { opacity: 0; }

#menu-fijo.elementor-sticky--effects .logo-claro {
  opacity: 0;
}
#menu-fijo.elementor-sticky--effects .logo-oscuro {
  opacity: 1;
}

/* ------------------------------
   ICONO DE MENÚ
   ------------------------------ */
#menu-fijo .elementor-menu-toggle i,
#menu-fijo .elementor-menu-toggle svg,
#menu-fijo .menu-icon {
  color: #ffffff !important;
  border-color: #ffffff !important;
  transition: color 0.3s ease, border-color 0.3s ease;
}

#menu-fijo.elementor-sticky--effects .elementor-menu-toggle i,
#menu-fijo.elementor-sticky--effects .elementor-menu-toggle svg,
#menu-fijo.elementor-sticky--effects .menu-icon {
  color: #000000 !important;
  border-color: #000000 !important;
}/* End custom CSS */