.elementor-5209 .elementor-element.elementor-element-db75efc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:290px;--padding-bottom:290px;--padding-left:16px;--padding-right:16px;}.elementor-5209 .elementor-element.elementor-element-db75efc:not(.elementor-motion-effects-element-type-background), .elementor-5209 .elementor-element.elementor-element-db75efc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5209 .elementor-element.elementor-element-db75efc::before, .elementor-5209 .elementor-element.elementor-element-db75efc > .elementor-background-video-container::before, .elementor-5209 .elementor-element.elementor-element-db75efc > .e-con-inner > .elementor-background-video-container::before, .elementor-5209 .elementor-element.elementor-element-db75efc > .elementor-background-slideshow::before, .elementor-5209 .elementor-element.elementor-element-db75efc > .e-con-inner > .elementor-background-slideshow::before, .elementor-5209 .elementor-element.elementor-element-db75efc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-5209 .elementor-element.elementor-element-db75efc > .elementor-shape-bottom svg, .elementor-5209 .elementor-element.elementor-element-db75efc > .e-con-inner > .elementor-shape-bottom svg{width:calc(255% + 1.3px);transform:translateX(-50%) rotateY(180deg);}.elementor-5209 .elementor-element.elementor-element-db75efc.e-con{--align-self:center;}.elementor-5209 .elementor-element.elementor-element-8ebf304 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5209 .elementor-element.elementor-element-8ebf304.elementor-element{--align-self:center;}.elementor-5209 .elementor-element.elementor-element-8ebf304 .elementor-heading-title{color:var( --e-global-color-1808fdb );}.elementor-5209 .elementor-element.elementor-element-323355c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5209 .elementor-element.elementor-element-323355c.elementor-element{--align-self:center;}.elementor-5209 .elementor-element.elementor-element-323355c .elementor-heading-title{font-weight:400;color:var( --e-global-color-1808fdb );}.elementor-5209 .elementor-element.elementor-element-0f4af8d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}.elementor-5209 .elementor-element.elementor-element-6077f23 .twae-wrapper{--tw-ibx-position:50;--tw-cbx-text-align:left;--tw-cbx-text-align-alternate:left;--tw-lbl-big-size:42px;--tw-lbl-small-size:21px;--tw-ybx-size:80px;--tw-cbx-padding:24px 24px 24px 24px;--tw-cbx-bd-color:var( --e-global-color-1808fdb );--tw-cbx-bd-top-width:0px;--tw-cbx-bd-right-width:0px;--tw-cbx-bd-bottom-width:0px;--tw-cbx-bd-left-width:0px;--tw-cbx-title-color:#003676;--tw-cbx-title-margin:0 0 16px 0;--tw-cbx-des-color:var( --e-global-color-text );--tw-cbx-des-margin:0 0 0px 0;}.elementor-5209 .elementor-element.elementor-element-6077f23 .twae-wrapper, .elementor-5209 .elementor-element.elementor-element-6077f23 .twae-navigationBar{--tw-line-bg:var( --e-global-color-primary );--tw-ibx-bg:var( --e-global-color-primary );--tw-ibx-color:var( --e-global-color-primary );--tw-ybx-bg:var( --e-global-color-primary );}.elementor-5209 .elementor-element.elementor-element-6077f23 .twae-wrapper, .elementor-page .twae-popup .twae-popup-content{--tw-cbx-bg:#F0ECE975;}.elementor-5209 .elementor-element.elementor-element-6077f23 .twae-title, .twae-popup .twae-title{font-size:var( --e-global-typography-0db2c15-font-size );font-weight:var( --e-global-typography-0db2c15-font-weight );line-height:var( --e-global-typography-0db2c15-line-height );}.elementor-5209 .elementor-element.elementor-element-6077f23 .twae-description, .elementor-5209 .elementor-element.elementor-element-6077f23 .twae-button a, .twae-popup .twae-description{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 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5209 .elementor-element.elementor-element-0f4af8d{--content-width:1200px;}}@media(max-width:1024px){.elementor-5209 .elementor-element.elementor-element-db75efc{--min-height:200px;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:190px;--padding-bottom:190px;--padding-left:16px;--padding-right:16px;}.elementor-5209 .elementor-element.elementor-element-db75efc > .elementor-shape-bottom svg, .elementor-5209 .elementor-element.elementor-element-db75efc > .e-con-inner > .elementor-shape-bottom svg{width:calc(255% + 1.3px);}.elementor-5209 .elementor-element.elementor-element-8ebf304{text-align:center;}.elementor-5209 .elementor-element.elementor-element-0f4af8d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:16px;--padding-left:48px;--padding-right:16px;}.elementor-5209 .elementor-element.elementor-element-6077f23 .twae-wrapper{--tw-ibx-position:50;--tw-lbl-big-size:36px;--tw-lbl-small-size:14px;--tw-ybx-size:80px;}.elementor-5209 .elementor-element.elementor-element-6077f23 .twae-title, .twae-popup .twae-title{font-size:var( --e-global-typography-0db2c15-font-size );line-height:var( --e-global-typography-0db2c15-line-height );}.elementor-5209 .elementor-element.elementor-element-6077f23 .twae-description, .elementor-5209 .elementor-element.elementor-element-6077f23 .twae-button a, .twae-popup .twae-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-5209 .elementor-element.elementor-element-db75efc{--width:100%;--min-height:94px;--padding-top:260px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-5209 .elementor-element.elementor-element-db75efc > .elementor-shape-bottom svg, .elementor-5209 .elementor-element.elementor-element-db75efc > .e-con-inner > .elementor-shape-bottom svg{width:calc(255% + 1.3px);}.elementor-5209 .elementor-element.elementor-element-8ebf304 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5209 .elementor-element.elementor-element-8ebf304.elementor-element{--align-self:flex-start;}.elementor-5209 .elementor-element.elementor-element-8ebf304{text-align:left;}.elementor-5209 .elementor-element.elementor-element-323355c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5209 .elementor-element.elementor-element-323355c.elementor-element{--align-self:flex-start;}.elementor-5209 .elementor-element.elementor-element-323355c{text-align:left;}.elementor-5209 .elementor-element.elementor-element-0f4af8d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:8px;}.elementor-5209 .elementor-element.elementor-element-6077f23 .twae-wrapper{--tw-lbl-big-size:32px;--tw-lbl-small-size:18px;--tw-ybx-size:70px;--tw-cbx-bottom-margin:32px;--tw-cbx-title-margin:0 0 16px 0;--tw-cbx-des-margin:0 0 16px 0;}.elementor-5209 .elementor-element.elementor-element-6077f23 .twae-title, .twae-popup .twae-title{font-size:var( --e-global-typography-0db2c15-font-size );line-height:var( --e-global-typography-0db2c15-line-height );}.elementor-5209 .elementor-element.elementor-element-6077f23 .twae-description, .elementor-5209 .elementor-element.elementor-element-6077f23 .twae-button a, .twae-popup .twae-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for timeline-widget-addon, class: .elementor-element-6077f23 */.twae-wrapper .twae-title {
    text-wrap: balance;
    font-weight: 700 !important;
 
}
.twae-wrapper .twae-media {
    justify-content: center !important;
    img {
        max-width: 400px;
         mix-blend-mode: multiply;
         background-color: #fffff;
    }
}

.twae-wrapper .twae-content p {
     text-wrap: pretty;
     font-size: 0.96em !important;
}
.twae-content {
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.07) !important;
}
.twae-arrow {
     box-shadow:none !important;
     border: 5px solid #f8f6f5  !important;
}

.twae-story-left  {
    background: linear-gradient(to bottom left, transparent 60%, var(--tw-arw-bg) 48%);
}
.twae-story-right  {
        background: linear-gradient(to bottom left, transparent 62%, var(--tw-arw-bg) 48%);
}


@media (min-width: 1200px) {
   .twae-wrapper .twae-content {
       display: grid !important;
       grid-template-columns: 60% 40% !important;
       grid-template-rows: auto auto;
       align-items: start;
   }

   .twae-wrapper .twae-title {
       grid-column: 1 / 3 !important;
       grid-row: 1 !important;
       padding-right: 30% !important;
   }

   .twae-wrapper .twae-media {
       grid-column: 2;
       grid-row: 2;
       padding-left: 20px;
   }

   .twae-wrapper .twae-description {
       grid-column: 1;
       grid-row: 2;
   }
}

/* Animaciones base */
@keyframes fadeInUp {
   from {
       opacity: 0;
       transform: translateY(30px);
   }
   to {
       opacity: 1;
       transform: translateY(0);
   }
}

@keyframes storyFadeIn {
   from {
       opacity: 0;
       transform: translateY(50px);
   }
   to {
       opacity: 1;
       transform: translateY(0);
   }
}

@keyframes popIn {
   from {
       opacity: 0;
       transform: scale(0);
   }
   to {
       opacity: 1;
       transform: scale(1);
   }
}

@keyframes fadeIn {
   from {
       opacity: 0;
   }
   to {
       opacity: 1;
   }
}

@keyframes contentSlideInRight {
   from {
       opacity: 0;
       transform: translateX(50px);
   }
   to {
       opacity: 1;
       transform: translateX(0);
   }
}

@keyframes contentSlideInLeft {
   from {
       opacity: 0;
       transform: translateX(-50px);
   }
   to {
       opacity: 1;
       transform: translateX(0);
   }
}

/* Pulso en los puntos del timeline */
@keyframes pulse {
   0% {
       box-shadow: 0 0 0 0 rgba(26, 84, 144, 0.4);
   }
   70% {
       box-shadow: 0 0 0 10px rgba(26, 84, 144, 0);
   }
   100% {
       box-shadow: 0 0 0 0 rgba(26, 84, 144, 0);
   }
}

/* Animaciones triggered por scroll usando animation-timeline */
@supports (animation-timeline: scroll()) {
   .twae-story {
       opacity: 0;
       animation: storyFadeIn 0.8s ease both;
       animation-timeline: view();
       animation-range: entry 0% cover 30%;
   }

   .twae-labels {
       opacity: 0;
       transform: scale(0);
       animation: popIn 0.6s ease both;
       animation-timeline: view();
       animation-range: entry 10% cover 40%;
   }

   .twae-icondot {
       opacity: 0;
       transform: scale(0);
       animation: popIn 0.5s ease both, pulse 2s infinite;
       animation-timeline: view(), auto;
       animation-range: entry 5% cover 35%, normal;
       animation-delay: 0s, 1s;
   }

   .twae-arrow {
       opacity: 0;
       animation: fadeIn 0.5s ease both;
       animation-timeline: view();
       animation-range: entry 15% cover 45%;
   }

   .twae-story-right .twae-content {
       opacity: 0;
       animation: contentSlideInRight 0.8s ease both;
       animation-timeline: view();
       animation-range: entry 15% cover 45%;
   }

   .twae-story-left .twae-content {
       opacity: 0;
       animation: contentSlideInLeft 0.8s ease both;
       animation-timeline: view();
       animation-range: entry 15% cover 45%;
   }
}

/* Fallback para navegadores sin soporte de animation-timeline */
@supports not (animation-timeline: scroll()) {
   /* Clase que se debe añadir con JS cuando el elemento entra en viewport */
   .twae-story.in-view {
       animation: storyFadeIn 0.8s ease forwards;
   }

   .twae-story.in-view .twae-labels {
       animation: popIn 0.6s ease forwards;
       animation-delay: 0.3s;
   }

   .twae-story.in-view .twae-icondot {
       animation: popIn 0.5s ease forwards, pulse 2s infinite;
       animation-delay: 0.2s, 1.2s;
   }

   .twae-story.in-view .twae-arrow {
       animation: fadeIn 0.5s ease forwards;
       animation-delay: 0.4s;
   }

   .twae-story-right.in-view .twae-content {
       animation: contentSlideInRight 0.8s ease forwards;
       animation-delay: 0.4s;
   }

   .twae-story-left.in-view .twae-content {
       animation: contentSlideInLeft 0.8s ease forwards;
       animation-delay: 0.4s;
   }

   /* Estado inicial para elementos que esperan animación */
   .twae-story {
       opacity: 0;
   }

   .twae-labels,
   .twae-icondot {
       opacity: 0;
       transform: scale(0);
   }

   .twae-arrow {
       opacity: 0;
   }

   .twae-content {
       opacity: 0;
   }
}

/* Efecto hover en imágenes */
.twae-media img {
   transition: transform 0.3s ease;
}

.twae-media img:hover {
   transform: scale(1.05);
}

/* Efecto de zoom en los años al hacer hover */
.twae-label-big {
   transition: transform 0.3s ease;
}

.twae-label-big:hover {
   transform: scale(1.1);
}/* End custom CSS */