.elementor-3480 .elementor-element.elementor-element-1debd3f{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:12px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-3480 .elementor-element.elementor-element-1debd3f:not(.elementor-motion-effects-element-type-background), .elementor-3480 .elementor-element.elementor-element-1debd3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-3480 .elementor-element.elementor-element-4cb5ed3{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3480 .elementor-element.elementor-element-647ab28{--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:flex-end;--align-items:center;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-86b4fcd );}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-sk_type_8-font-family ), Sans-serif;font-size:var( --e-global-typography-sk_type_8-font-size );font-weight:var( --e-global-typography-sk_type_8-font-weight );text-transform:var( --e-global-typography-sk_type_8-text-transform );}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main .elementor-item.elementor-item{color:#000000;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#562A5900;}.elementor-3480 .elementor-element.elementor-element-3203687 .e--pointer-framed .elementor-item:before,
					.elementor-3480 .elementor-element.elementor-element-3203687 .e--pointer-framed .elementor-item:after{border-color:#562A5900;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#301731;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#562A5900;}.elementor-3480 .elementor-element.elementor-element-3203687 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-3480 .elementor-element.elementor-element-3203687 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#562A5900;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown a, .elementor-3480 .elementor-element.elementor-element-3203687 .elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown{background-color:#F1F1F1;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown a:hover,
					.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-menu-toggle:hover{color:var( --e-global-color-accent );}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown a:hover,
					.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown a.highlighted{background-color:#562A590A;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );background-color:var( --e-global-color-accent );}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown .elementor-item, .elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}.elementor-3480 .elementor-element.elementor-element-3203687 div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-3480 .elementor-element.elementor-element-3203687 div.elementor-menu-toggle svg{fill:var( --e-global-color-accent );}.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-3480 .elementor-element.elementor-element-1debd3f{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-sk_type_8-font-size );}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown .elementor-item, .elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:18px;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown a{padding-left:61px;padding-right:61px;padding-top:20px;padding-bottom:20px;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:52px !important;}.elementor-3480 .elementor-element.elementor-element-3203687{--nav-menu-icon-size:30px;}}@media(max-width:767px){.elementor-3480 .elementor-element.elementor-element-1debd3f{--content-width:98%;}.elementor-3480 .elementor-element.elementor-element-4cb5ed3{--width:50%;}.elementor-3480 .elementor-element.elementor-element-647ab28{--width:50%;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-sk_type_8-font-size );}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown .elementor-item, .elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:11px;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--dropdown a{padding-left:53px;padding-right:53px;padding-top:16px;padding-bottom:16px;}.elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3480 .elementor-element.elementor-element-3203687 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:26px !important;}}@media(min-width:768px){.elementor-3480 .elementor-element.elementor-element-4cb5ed3{--width:20%;}.elementor-3480 .elementor-element.elementor-element-647ab28{--width:77%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3480 .elementor-element.elementor-element-4cb5ed3{--width:50%;}.elementor-3480 .elementor-element.elementor-element-647ab28{--width:50%;}}/* Start custom CSS for nav-menu, class: .elementor-element-3203687 *//* Mejora de contraste para enlaces activos y en hover en el menú */
/*.elementor-nav-menu--main .elementor-item.elementor-item-active,*/
/*.elementor-nav-menu--main .elementor-item:hover,*/
/*.elementor-nav-menu--main .elementor-item:focus,*/
/*.elementor-nav-menu--main .elementor-item.highlighted {*/
  /*background-color: #1f2124 !important;*/
  /* Fondo gris oscuro 
  color: #ffffff !important;            /* Texto blanco */
/*}*/

/* Si Elementor usa un efecto visual con pseudo-elemento :before */
.elementor-nav-menu--main .elementor-item.elementor-item-active::before {
  background-color: transparent !important;
  box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1debd3f */#pojo-a11y-skip-content{display:none!important;}

    /*
 * Solución Pura de CSS para cambiar el color del header al hacer scroll.
 */

/* 1. Definimos la animación del cambio de color */
@keyframes cambiar-fondo-header {
  from {
    background-color: transparent;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0); /* Sombra inicial invisible */
  }
  to {
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Sombra final visible */
  }
}

/* 2. Aplicamos la animación a nuestro header */
.header-personalizado {
  /* Vinculamos la animación que creamos */
  animation-name: cambiar-fondo-header;
  
  /* ¡La magia está aquí! Hacemos que la animación dependa del scroll */
  animation-timeline: scroll(root);
  
  /* Definimos en qué rango de scroll ocurre la animación */
  /* Comienza en 0px de scroll y termina en 150px de scroll */
  animation-range: 0px 150px;
  
  /* Mantiene el estado final de la animación cuando termina */
  animation-fill-mode: both;
}/* End custom CSS */