.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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;}}:root { --Header:#F5E9D5; --Naranja:#C47A4A; --Color-Fondo-claro:#F5F3EF; --Negro-textos:#5F5F5F; --Verde:#1F5C5A; --Verdeclarito:#E2E7D3; --NaranjaFondo:#D89263; }
/* Start custom CSS *//* ========================================= */
/* UTILIDADES VARIAS Y LENIS                 */
/* ========================================= */

.elementor-icon-wrapper {
  display: flex;
}

.elementor-menu-anchor {
  margin-top: -150px;
}

html.lenis {
  height: auto;
}

html.lenis body {
  overflow: visible;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}



/* ========================================= */
/* OTRAS ANIMACIONES INDEPENDIENTES          */
/* ========================================= */

.fade-in-up {
  animation: fade-in-up 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@keyframes fade-in-up {
  0% { transform: translateY(30%); opacity: 0; overflow:hidden; }
  100% { transform: translateY(0%); opacity: 1; }
}

.blur-opacity {
  animation: blur-opacity 0.65s ease-out both;
}

@keyframes blur-opacity {
  0% { opacity: 0.001; filter: blur(10px); }
  100% { opacity: 1; filter: blur(0px); }
}

/* ========================================= */
/* SISTEMA PRINCIPAL: REVEAL SCROLL (JAVASCRIPT) */
/* ========================================= */

/* Única definición de los pasos de la animación central */
@keyframes animacion2 {
  0% { 
    opacity: 0.001; 
    transform: translateY(30px); 
    filter: blur(5px); 
  }
  100% { 
    opacity: 1; 
    transform: translateY(0%); 
    filter: blur(0px); 
  }
}

/* Clase reutilizable por si quieres animar algo sin depender del JS */
.animacion2 {
  animation: animacion2 0.6s cubic-bezier(0.8, 0, 0.2, 1) both;
}

/* 1. EL JS BUSCA ESTA CLASE: Es el estado inicial "congelado" y oculto */
.reveal {
  opacity: 0.001;
  transform: translateY(30px);
  filter: blur(5px);
  will-change: transform, opacity, filter;
}

/* 2. CUANDO EL ELEMENTO ES VISIBLE: El JS le pega "is-in" y arranca el movimiento */
.reveal.is-in {
  animation: animacion2 0.6s cubic-bezier(0.8, 0, 0.2, 1) both;
}

/* 3. ESTADO FINAL LIMPIO: Para no estorbar con efectos Hover futuros */
.reveal.revealed {
  opacity: 1;
  transform: none;      
  filter: blur(0px);
  will-change: auto;    
}

/* 4. MODO EDICION: Permite ver todo nítido mientras trabajas dentro de Elementor Editor */
body.elementor-editor-active .reveal {
  opacity: 1;
  transform: none;
  filter: blur(0px);
  animation: none;
}


.lenis.lenis-smooth iframe {
  pointer-events: auto;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.sv-video-wrap iframe,
iframe[src*="player.mediadelivery.net"] {
  pointer-events: auto !important;
}/* End custom CSS */