.elementor-kit-6{--e-global-color-primary:#578F99;--e-global-color-secondary:#A34F82;--e-global-color-text:#E6E6E6;--e-global-color-accent:#101828;--e-global-color-2e818d0:#FFFFFF;--e-global-color-86ca446:#DEEAED;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:28px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-de60c80-font-family:"Inter";--e-global-typography-de60c80-font-size:1.25rem;--e-global-typography-de60c80-font-weight:500;--e-global-typography-4abcdc5-font-family:"Inter";--e-global-typography-4abcdc5-font-size:1rem;background-color:#647FB4;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{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-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-de60c80-font-size:1rem;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}/* Start custom CSS */p {
  margin-block: 0;
}

#contact-list .elementor-icon-list-text {
  transition: 0.1s all ease-in;

  &:hover {
    transform: scale(1.05);
  }
}




/* El keyframe de la animación sigue siendo el mismo */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* * CORRECCIÓN PRINCIPAL:
 * 1. Apuntamos a '.e-loop-item' para animar cada tarjeta individualmente.
 * 2. Añadimos 'opacity: 0;' para que estén ocultas por defecto.
*/
/*.staggered-animate .e-loop-item {*/
/* Oculta los elementos por defecto */
/*  opacity: 0;*/

/* Asigna la animación y la timeline a cada tarjeta */
/*  animation: fadeInUp 1s linear forwards;*/
/*  animation-timeline: view();*/
/*  animation-range: entry 0% cover 40%;*/
/*}*/

.staggered-animate .e-loop-item:nth-child(1) {
  animation-delay: 0.2s;
}
.staggered-animate .e-loop-item:nth-child(2) {
  animation-delay: 0.4s;
}
.staggered-animate .e-loop-item:nth-child(3) {
  animation-delay: 0.6s;
}
.staggered-animate .e-loop-item:nth-child(4) {
  animation-delay: 0.8s;
}
.staggered-animate .e-loop-item:nth-child(5) {
  animation-delay: 1s;
}
.staggered-animate .e-loop-item:nth-child(6) {
  animation-delay: 1.2s;
}
.staggered-animate .e-loop-item:nth-child(7) {
  animation-delay: 1.4s;
}
.staggered-animate .e-loop-item:nth-child(8) {
  animation-delay: 1.6s;
}
.staggered-animate .e-loop-item:nth-child(9) {
  animation-delay: 1.8s;
}
.staggered-animate .e-loop-item:nth-child(10) {
  animation-delay: 2s;
}
header.scrolled .header-cta {
  background-color: var(--e-global-color-primary) !important;
  & p {
    color: white !important;
  }

  & svg path {
    stroke: white !important;
  }

  &:hover {
    background-color: white !important;

    & p {
      color: var(--e-global-color-primary) !important;
    }

    & svg path {
      stroke: var(--e-global-color-primary) !important;
    }
  }
}

@layer base {
  header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    transition: background-color 0.2s ease, filter 0.2s ease;
    z-index: 1000;
  }

  header.scrolled {
    position: fixed;
    background-color: white;

    /*& svg {*/
    /*  fill: black !important;*/
    /*}*/
  }

  /* header.scrolled img:not(.color-logo) {
    filter: invert(1);
    mix-blend-mode: multiply; 
  } */

  header.scrolled .white-logo {
    display: none !important;
  }

  header.scrolled .color-logo {
    display: block !important;
  }
  
  header.scrolled #preheader {
      border-bottom: 1px solid #e6e6e6 !important;
  }

  main {
    margin-top: 140px;
  }
}
a[data-element_type="container"]:not(#sticky-col a):not(header a):not(
  .swiper a
  ):not([href^="mailto:"]):not([href^="tel:"]):not([href*="maps"]) {
  padding-block: 12px !important;
  padding-inline: 16px !important;
  text-transform: uppercase;
}

@media (width > 1024px) {
  #sticky-col {
    max-width: 450px;
  }
  
    #content-column {
        flex: 1 1 0;
    }
}

@media (width <= 1024px) {
  a[data-element_type="container"]:not(#sticky-col a):not(header a):not(
      .swiper a
    ):not([href^="mailto:"]):not([href^="tel:"]):not([href*="maps"]) {
    padding-block: 12px !important;
    padding-inline: 16px !important;
  }

  header.scrolled {
    & svg {
      fill: var(--e-global-color-primary) !important;
    }
  }
}/* End custom CSS */