.elementor-kit-65{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#FFFFFF;--e-global-color-accent:#485C4B;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#FFFFFF;}.elementor-kit-65 button,.elementor-kit-65 input[type="button"],.elementor-kit-65 input[type="submit"],.elementor-kit-65 .elementor-button{background-color:#D1D1D1;}.elementor-kit-65 e-page-transition{background-color:#FFBC7D;}.elementor-kit-65 img:hover{opacity:0.13;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Aplicamos este CSS a cualquier elemento en Elementor */
.fade-on-scroll {
  position: relative;
  z-index: 1; /* Aseguramos que el contenido esté encima */
  animation: fadeOutOnScroll 1s ease-out forwards;
  will-change: opacity; /* Mejor rendimiento al hacer scroll */
}

@keyframes fadeOutOnScroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Opcional: Para elementos que quieres que estén pegados a la parte superior */
.fade-on-scroll.sticky {
  position: sticky;
  top: 0;
}

.mi-elemento {
  position: fixed !important;
  z-index: 99999 !important;
}

.video-opacidad-media {
  opacity: 0.5;
}


  a {
  color: #F2D852;
  text-decoration: none; /* Elimina el subrayado si no lo quieres */
}

a:hover {
  color: #e6c835; /* Color al pasar el mouse, puedes cambiarlo si deseas */
}/* End custom CSS */