.elementor-11768 .elementor-element.elementor-element-aa583ce{--display:flex;--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;--align-items: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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11768 .elementor-element.elementor-element-0322624 .elementor-heading-title{color:var( --e-global-color-d1f992e );}body.elementor-page-11768:not(.elementor-motion-effects-element-type-background), body.elementor-page-11768 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-11768 .elementor-element.elementor-element-aa583ce{--content-width:1290px;}}/* Start custom CSS for heading, class: .elementor-element-0322624 */.texto-palabra-por-palabra .word {
  color: #333333; /* Gris inicial */
  display: inline-block;
  white-space: pre;
  
  animation: encenderPalabra linear forwards;
  animation-timeline: view();
  
  /* 
     Distribución proporcional automática:
     - Comienza a revelar desde el 30% del viewport (abajo del centro).
     - La animación se reparte entre el 30% y el 70% del scroll total del bloque.
  */
  animation-range: 
    calc(30% + (var(--i) / var(--total) * 35%)) 
    calc(30% + ((var(--i) + 1) / var(--total) * 35%));
}

@keyframes encenderPalabra {
  to {
    color: #ffffff; /* Blanco final */
  }
}/* End custom CSS */