.elementor-5774 .elementor-element.elementor-element-e57a71d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:: 0px;}.elementor-5774 .elementor-element.elementor-element-e57a71d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-40d5a5a > .elementor-widget-container{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-5774 .elementor-element.elementor-element-0a15813:not(.elementor-motion-effects-element-type-background), .elementor-5774 .elementor-element.elementor-element-0a15813 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0019FF;background-image:url("https://iglumarketingdigital.com/wp-content/uploads/2025/10/carrusel-fondo-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5774 .elementor-element.elementor-element-0a15813{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-0a15813 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5774 .elementor-element.elementor-element-1092ec7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5774 .elementor-element.elementor-element-4019a02{text-align:center;}.elementor-5774 .elementor-element.elementor-element-4019a02 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:2.3rem;font-weight:700;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-5774 .elementor-element.elementor-element-4019a02 > .elementor-widget-container{padding:70px 0px 40px 0px;}.elementor-5774 .elementor-element.elementor-element-a37e088{--e-image-carousel-slides-to-show:5;}.elementor-5774 .elementor-element.elementor-element-a37e088 .swiper-wrapper{display:flex;align-items:flex-start;}.elementor-5774 .elementor-element.elementor-element-a37e088 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:70px 0px 0px 0px;background-color:#FFFFFF;}.elementor-5774 .elementor-element.elementor-element-ed9d99a > .elementor-widget-container{padding:40px 0px 20px 0px;}.elementor-5774 .elementor-element.elementor-element-df5acc3 > .elementor-background-overlay{background-color:var( --e-global-color-6253bbf );background-image:url("https://iglumarketingdigital.com/wp-content/uploads/2025/12/FONDO-04-scaled.jpg");opacity:1;}.elementor-5774 .elementor-element.elementor-element-df5acc3, .elementor-5774 .elementor-element.elementor-element-df5acc3 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-df5acc3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-3078868 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:: 10px;}.elementor-5774 .elementor-element.elementor-element-3078868 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-69b986a > .elementor-widget-container{margin:30px 0px 0px 0px;padding:1vw 25vw 1vw 25vw;}.elementor-widget-text-editor{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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5774 .elementor-element.elementor-element-2288261{column-gap:0px;text-align:center;font-family:"Unbounded", Sans-serif;font-size:1.2vw;font-weight:400;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#FFFFFF;z-index:0;}.elementor-5774 .elementor-element.elementor-element-2288261 p{margin-block-end:0px;}.elementor-5774 .elementor-element.elementor-element-2288261 > .elementor-widget-container{margin:0% 25% 0% 25%;padding:0px 0px 0px 0px;background-color:var( --e-global-color-6253bbf );}.elementor-5774 .elementor-element.elementor-element-2a9e1f9{column-gap:0px;text-align:center;font-family:"Unbounded", Sans-serif;font-size:1.2vw;font-weight:400;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#FFFFFF;z-index:0;}.elementor-5774 .elementor-element.elementor-element-2a9e1f9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-color:var( --e-global-color-6253bbf );}.elementor-5774 .elementor-element.elementor-element-a960fc8{width:100%;max-width:100%;align-self:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5774 .elementor-element.elementor-element-ce07ed6{--divider-border-style:solid;--divider-color:var( --e-global-color-6253bbf );--divider-border-width:1rem;}.elementor-5774 .elementor-element.elementor-element-ce07ed6 .elementor-divider-separator{width:100%;}.elementor-5774 .elementor-element.elementor-element-ce07ed6 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-5774 .elementor-element.elementor-element-b93659d > .elementor-background-overlay{background-color:var( --e-global-color-6253bbf );background-image:url("https://iglumarketingdigital.com/wp-content/uploads/2025/12/FONDO-04-scaled.jpg");opacity:1;}.elementor-5774 .elementor-element.elementor-element-b93659d, .elementor-5774 .elementor-element.elementor-element-b93659d > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-b93659d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-ecb5df1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-1f5aab2 > .elementor-widget-container{margin:30px 0px 0px 0px;padding:1vw 25vw 1vw 25vw;}.elementor-5774 .elementor-element.elementor-element-f24ff2d{column-gap:0px;text-align:center;font-family:"Unbounded", Sans-serif;font-size:1.2vw;font-weight:400;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#FFFFFF;z-index:0;}.elementor-5774 .elementor-element.elementor-element-f24ff2d p{margin-block-end:0px;}.elementor-5774 .elementor-element.elementor-element-f24ff2d > .elementor-widget-container{margin:0rem 30rem 0rem 30rem;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-c3540da{column-gap:0px;text-align:center;font-family:"Unbounded", Sans-serif;font-size:1.2vw;font-weight:400;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#FFFFFF;z-index:0;}.elementor-5774 .elementor-element.elementor-element-c3540da p{margin-block-end:0px;}.elementor-5774 .elementor-element.elementor-element-c3540da > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-43eb96b:not(.elementor-motion-effects-element-type-background), .elementor-5774 .elementor-element.elementor-element-43eb96b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iglumarketingdigital.com/wp-content/uploads/2025/12/FONDO-04-scaled.jpg");}.elementor-5774 .elementor-element.elementor-element-43eb96b, .elementor-5774 .elementor-element.elementor-element-43eb96b > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-43eb96b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-43eb96b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5774 .elementor-element.elementor-element-6c505a3 > .elementor-element-populated, .elementor-5774 .elementor-element.elementor-element-6c505a3 > .elementor-element-populated > .elementor-background-overlay, .elementor-5774 .elementor-element.elementor-element-6c505a3 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-6c505a3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-d547b5a > .elementor-widget-container{margin:30px 0px 0px 0px;padding:1vw 25vw 1vw 25vw;}.elementor-5774 .elementor-element.elementor-element-e85aeb8{width:100%;max-width:100%;align-self:center;}@media(min-width:768px){.elementor-5774 .elementor-element.elementor-element-6c505a3{width:100%;}}@media(max-width:1024px){.elementor-5774 .elementor-element.elementor-element-e57a71d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:: 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-5774 .elementor-element.elementor-element-ed9d99a > .elementor-widget-container{margin:10px 10px 10px 10px;padding:50px 50px 50px 50px;}.elementor-5774 .elementor-element.elementor-element-3078868 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-69b986a > .elementor-widget-container{padding:1vw 5vw 1vw 5vw;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5774 .elementor-element.elementor-element-2288261{font-size:17px;}.elementor-5774 .elementor-element.elementor-element-2288261 > .elementor-widget-container{margin:0% 10% 0% 10%;}.elementor-5774 .elementor-element.elementor-element-2a9e1f9{font-size:17px;}.elementor-5774 .elementor-element.elementor-element-2a9e1f9 p{margin-block-end:10px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-5774 .elementor-element.elementor-element-ecb5df1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-1f5aab2 > .elementor-widget-container{padding:1vw 5vw 1vw 5vw;}.elementor-5774 .elementor-element.elementor-element-f24ff2d{font-size:17px;}.elementor-5774 .elementor-element.elementor-element-f24ff2d > .elementor-widget-container{margin:0rem 01rem 0rem 01rem;}.elementor-5774 .elementor-element.elementor-element-c3540da{font-size:17px;}.elementor-5774 .elementor-element.elementor-element-c3540da > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-5774 .elementor-element.elementor-element-6c505a3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-d547b5a > .elementor-widget-container{padding:1vw 5vw 1vw 5vw;}}@media(max-width:767px){.elementor-5774 .elementor-element.elementor-element-e57a71d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:: 0px;}.elementor-5774 .elementor-element.elementor-element-e57a71d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-5774 .elementor-element.elementor-element-4019a02 .elementor-heading-title{font-size:8vw;}.elementor-5774 .elementor-element.elementor-element-4019a02 > .elementor-widget-container{padding:35px 0px 20px 0px;}.elementor-5774 .elementor-element.elementor-element-a37e088{--e-image-carousel-slides-to-show:1;}.elementor-5774 .elementor-element.elementor-element-a37e088 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-ed9d99a > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5774 .elementor-element.elementor-element-3078868 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-69b986a > .elementor-widget-container{padding:1vw 0vw 1vw 0vw;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5774 .elementor-element.elementor-element-2288261{font-size:3vw;line-height:1.2em;}.elementor-5774 .elementor-element.elementor-element-2288261 p{margin-block-end:5px;}.elementor-5774 .elementor-element.elementor-element-2288261 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5774 .elementor-element.elementor-element-2a9e1f9{font-size:3vw;line-height:1em;}.elementor-5774 .elementor-element.elementor-element-2a9e1f9 p{margin-block-end:10px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-5774 .elementor-element.elementor-element-ecb5df1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-1f5aab2 > .elementor-widget-container{padding:1vw 0vw 1vw 0vw;}.elementor-5774 .elementor-element.elementor-element-f24ff2d{font-size:3vw;line-height:1.5em;}.elementor-5774 .elementor-element.elementor-element-f24ff2d p{margin-block-end:5px;}.elementor-5774 .elementor-element.elementor-element-c3540da{font-size:3vw;line-height:1.5em;}.elementor-5774 .elementor-element.elementor-element-c3540da p{margin-block-end:5px;}.elementor-5774 .elementor-element.elementor-element-c3540da > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-5774 .elementor-element.elementor-element-6c505a3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5774 .elementor-element.elementor-element-d547b5a > .elementor-widget-container{padding:1vw 0vw 1vw 0vw;}}/* Start custom CSS for section, class: .elementor-element-56e34a2 */.seccion-carruseles-sync {
    position: relative;
}

.seccion-carruseles-sync::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        #00AEFC 0%,
        #00AEFC 35%,
        #3b5bd6 50%,
        #200F96 65%,
        #200F96 100%
    );
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-a37e088 *//* Asegura que el carrusel pueda contener el fade */
.elementor-5774 .elementor-element.elementor-element-a37e088 .elementor-image-carousel-wrapper {
    position: relative;
    overflow: hidden;
}

/* Capas del difuminado */
.elementor-5774 .elementor-element.elementor-element-a37e088 .elementor-image-carousel-wrapper::before,
.elementor-5774 .elementor-element.elementor-element-a37e088 .elementor-image-carousel-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    width: 250px; /* Escritorio: difuminado grande */
    height: 100%;
    z-index: 10;
    pointer-events: none;
}

/* Difuminado izquierdo */
.elementor-5774 .elementor-element.elementor-element-a37e088 .elementor-image-carousel-wrapper::before {
    left: 0;
    background: linear-gradient(to right, white 50%, transparent);
}

/* Difuminado derecho */
.elementor-5774 .elementor-element.elementor-element-a37e088 .elementor-image-carousel-wrapper::after {
    right: 0;
    background: linear-gradient(to left, white 50%, transparent);
}

/* Altura específica del carrusel */
.elementor-5774 .elementor-element.elementor-element-a37e088.clientes-carrusel {
    max-height: 150px;
}

/* ========================= */
/*       SOLO TABLET         */
/* ========================= */
@media (max-width: 1024px) {
  .elementor-5774 .elementor-element.elementor-element-a37e088 .elementor-image-carousel-wrapper::before,
  .elementor-5774 .elementor-element.elementor-element-a37e088 .elementor-image-carousel-wrapper::after {
      width: 120px; /* Reduce el efecto en tablet */
  }
}

/* ========================= */
/*        SOLO MÓVIL         */
/* ========================= */
@media (max-width: 767px) {
  .elementor-5774 .elementor-element.elementor-element-a37e088 .elementor-image-carousel-wrapper::before,
  .elementor-5774 .elementor-element.elementor-element-a37e088 .elementor-image-carousel-wrapper::after {
      width: 110px; /* Difuminado mucho más suave en móvil */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed9d99a */.iglu-contador-container { 
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-family: 'Unbounded', sans-serif;
  color: white;
  text-align: center;
  gap: 10%;
  padding: 50px;
}

.iglu-contador-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  min-width: 200px; /* evita que se comprima demasiado */
}

.iglu-contador-numero {
  font-size: 5rem;
  font-weight: 800;
  position: relative;
}

.iglu-contador-numero span {
  font-size: 5rem;
  font-weight: 800;
}

.iglu-contador-divider {
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.6);
  margin: 8px 0;
}

.iglu-contador-texto {
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* 📱 Tablets */
@media (max-width: 1024px) {
  .iglu-contador-container {
    gap: 5%;
    padding: 30px;
  }

  .iglu-contador-box {
    width: 30%;
  }

  .iglu-contador-numero,
  .iglu-contador-numero span {
    font-size: 3.5rem;
  }

  .iglu-contador-texto {
    font-size: 1.2rem;
  }
}

/* 📱 Móviles */
@media (max-width: 768px) {
  .iglu-contador-container {
    gap: 20px;
    padding: 20px;
  }

  .iglu-contador-box {
    width: 45%;
  }

  .iglu-contador-numero,
  .iglu-contador-numero span {
    font-size: 3rem;
  }

  .iglu-contador-texto {
    font-size: 2rem;
  }
}

/* 📱 Pantallas muy pequeñas */
@media (max-width: 480px) {
  .iglu-contador-container {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }

  .iglu-contador-box {
    width: 80%;
  }

  .iglu-contador-numero,
  .iglu-contador-numero span {
    font-size: 3rem;
  }

  .iglu-contador-texto {
    font-size: 1rem;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2a9e1f9 */.linea-corta {
  width: 1200px;          /* Ajusta el ancho que desees */
  height: 3px;          /* Grosor */
  background: white;
  margin: 0px auto 0;   /* Centrado automático */
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-ce07ed6 */.seccion-carruseles-sync {
    position: relative;
}

.seccion-carruseles-sync::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        #00AEFC 0%,
        #00AEFC 35%,
        #3b5bd6 50%,
        #200F96 65%,
        #200F96 100%
    );
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f24ff2d */.linea-corta {
  width: 100%;
  max-width: 1200px;
  height: 3px;
  background: white;
  margin: 0 auto;
}

.resaltado {
  background-color: #fd00bf;
  display: inline-block;
  padding: 2px 6px;
  color: white;
  border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c3540da */.linea-corta {
  width: 1200px;          /* Ajusta el ancho que desees */
  height: 3px;          /* Grosor */
  background: white;
  margin: 0px auto 0;   /* Centrado automático */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-43eb96b */.elementor-5774 .elementor-element.elementor-element-43eb96b {
  min-height: 100vh;
  overflow: hidden;
}
.elementor-5774 .elementor-element.elementor-element-43eb96b .rev_slider_wrapper {
  max-height: 100vh;
}/* End custom CSS */
/* Start custom CSS */<style>
/* Estilo de copos de nieve */
.snowflake {
  position: fixed;
  top: -10px;
  color: white;
  font-size: 1em;
  pointer-events: none;
  z-index: 9999;
  animation: fall linear infinite;
  opacity: 0;
  transition: transform 1s ease, opacity 1s ease;
}

@keyframes fall {
  0% { transform: translateY(0) rotate(0deg); opacity: 1; }
  100% { transform: translateY(100vh) rotate(360deg); opacity: 1; }
}

/* Efecto de viento (desvanece hacia los lados y desaparece) */
.wind-away {
  transform: translateX(300px) rotate(720deg);
  opacity: 0 !important;
}
</style>

<script>
(function() {
  const SNOW_DURATION = 15000; // 15 segundos de inactividad
  let snowInterval, inactivityTimeout;
  let isSnowing = false;

  // Función para crear un copo de nieve
  function createSnowflake() {
    const snowflake = document.createElement('div');
    snowflake.classList.add('snowflake');
    snowflake.innerText = '❄';
    snowflake.style.left = Math.random() * 100 + 'vw';
    snowflake.style.fontSize = (Math.random() * 10 + 10) + 'px';
    snowflake.style.animationDuration = (Math.random() * 5 + 5) + 's';
    document.body.appendChild(snowflake);

    // Eliminar después de animación
    setTimeout(() => {
      if (snowflake.parentNode) snowflake.remove();
    }, 10000);
  }

  // Iniciar nieve
  function startSnowing() {
    if (isSnowing) return;
    isSnowing = true;
    snowInterval = setInterval(createSnowflake, 200);
  }

  // Detener nieve con efecto de viento
  function stopSnowing() {
    if (!isSnowing) return;
    isSnowing = false;
    clearInterval(snowInterval);

    document.querySelectorAll('.snowflake').forEach(flake => {
      flake.classList.add('wind-away');
      setTimeout(() => flake.remove(), 2000);
    });
  }

  // Reiniciar el temporizador de inactividad
  function resetInactivityTimer() {
    clearTimeout(inactivityTimeout);
    if (isSnowing) stopSnowing();
    inactivityTimeout = setTimeout(startSnowing, SNOW_DURATION);
  }

  // Eventos que reinician el temporizador
  ['scroll', 'mousemove', 'keydown', 'click', 'touchstart'].forEach(evt => {
    window.addEventListener(evt, resetInactivityTimer);
  });

  // Inicializar el temporizador
  resetInactivityTimer();
})();
</script>/* End custom CSS */