.elementor-332 .elementor-element.elementor-element-80006d8{--display:flex;--min-height:500px;--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;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:-175px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-80006d8:not(.elementor-motion-effects-element-type-background), .elementor-332 .elementor-element.elementor-element-80006d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://seed.mx/wp-content/uploads/2026/07/seed_Recurso-52@2x-80_-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-332 .elementor-element.elementor-element-5130329{text-align:center;}.elementor-332 .elementor-element.elementor-element-5130329 .elementor-heading-title{font-family:var( --e-global-typography-b9df151-font-family ), Sans-serif;font-size:var( --e-global-typography-b9df151-font-size );font-weight:var( --e-global-typography-b9df151-font-weight );color:var( --e-global-color-e76a8fc );}.elementor-332 .elementor-element.elementor-element-b681e13{--display:flex;--min-height:300vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-332 .elementor-element.elementor-element-c34bde0{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:0px 0px 30px 30px;--padding-top:155px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-c34bde0:not(.elementor-motion-effects-element-type-background), .elementor-332 .elementor-element.elementor-element-c34bde0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-332 .elementor-element.elementor-element-6c6ba6d{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-cdeee03{width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0px 165px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-332 .elementor-element.elementor-element-cdeee03 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:28px;font-weight:700;line-height:1.2em;color:var( --e-global-color-e76a8fc );}.elementor-332 .elementor-element.elementor-element-d76c4fc{width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0px 165px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-332 .elementor-element.elementor-element-d76c4fc .elementor-heading-title{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 );color:var( --e-global-color-2c31b62 );}.elementor-332 .elementor-element.elementor-element-2bfc650{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-332 .elementor-element.elementor-element-7df5b5b{width:100%;max-width:100%;}.elementor-332 .elementor-element.elementor-element-7df5b5b img{height:500px;object-fit:cover;object-position:center center;border-radius:20px 0px 0px 20px;}.elementor-332 .elementor-element.elementor-element-c243eb7{--display:flex;--min-height:300vh;--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;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-d6ba1c1{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:170px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-d6ba1c1:not(.elementor-motion-effects-element-type-background), .elementor-332 .elementor-element.elementor-element-d6ba1c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://seed.mx/wp-content/uploads/2026/07/seed_Recurso-55@2x-80_-scaled.png");}.elementor-332 .elementor-element.elementor-element-d704d18{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-ed4eece{width:100%;max-width:100%;}.elementor-332 .elementor-element.elementor-element-ed4eece img{height:500px;object-fit:cover;object-position:center center;border-radius:0px 20px 20px 0px;}.elementor-332 .elementor-element.elementor-element-4fd32be{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-c52c131{width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0px 165px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-332 .elementor-element.elementor-element-c52c131 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:28px;font-weight:700;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-332 .elementor-element.elementor-element-cabbd61{width:var( --container-widget-width, 90% );max-width:90%;padding:0px 125px 0px 50px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-332 .elementor-element.elementor-element-cabbd61 .elementor-heading-title{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 );color:var( --e-global-color-primary );}.elementor-332 .elementor-element.elementor-element-fd97c50{--display:flex;--min-height:300vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-332 .elementor-element.elementor-element-1abb48d{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:0px 0px 30px 30px;--padding-top:155px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-1abb48d:not(.elementor-motion-effects-element-type-background), .elementor-332 .elementor-element.elementor-element-1abb48d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8314083 );}.elementor-332 .elementor-element.elementor-element-a417a71{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-f2d1da0{width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0px 165px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-332 .elementor-element.elementor-element-f2d1da0 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:28px;font-weight:700;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-332 .elementor-element.elementor-element-e15bd9a{width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0px 165px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-332 .elementor-element.elementor-element-e15bd9a .elementor-heading-title{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 );color:var( --e-global-color-primary );}.elementor-332 .elementor-element.elementor-element-e55f3dd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-34ca859{width:100%;max-width:100%;}.elementor-332 .elementor-element.elementor-element-34ca859 img{height:500px;object-fit:cover;object-position:center center;border-radius:20px 0px 0px 20px;}.elementor-332 .elementor-element.elementor-element-c25fe48{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-c25fe48:not(.elementor-motion-effects-element-type-background), .elementor-332 .elementor-element.elementor-element-c25fe48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://seed.mx/wp-content/uploads/2026/07/seed_Recurso-57@2x-80_-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-332 .elementor-element.elementor-element-1d8fb49{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-9a7a904 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:46px;font-weight:700;color:var( --e-global-color-primary );}.elementor-332 .elementor-element.elementor-element-f230b4b .elementor-heading-title{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 );color:var( --e-global-color-primary );}.elementor-332 .elementor-element.elementor-element-fcb8982{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-332 .elementor-element.elementor-element-acd2bc3 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:700;fill:var( --e-global-color-e76a8fc );color:var( --e-global-color-e76a8fc );border-radius:15px 15px 15px 15px;padding:20px 50px 20px 50px;}.elementor-332 .elementor-element.elementor-element-acd2bc3 .elementor-button:hover, .elementor-332 .elementor-element.elementor-element-acd2bc3 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-332 .elementor-element.elementor-element-acd2bc3 .elementor-button:hover svg, .elementor-332 .elementor-element.elementor-element-acd2bc3 .elementor-button:focus svg{fill:var( --e-global-color-text );}@media(max-width:1024px){.elementor-332 .elementor-element.elementor-element-80006d8{--min-height:400px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-332 .elementor-element.elementor-element-5130329 .elementor-heading-title{font-size:var( --e-global-typography-b9df151-font-size );}.elementor-332 .elementor-element.elementor-element-c34bde0{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-6c6ba6d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-cdeee03{padding:0px 0px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-332 .elementor-element.elementor-element-d76c4fc{padding:0px 0px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-332 .elementor-element.elementor-element-d76c4fc .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-332 .elementor-element.elementor-element-2bfc650{--justify-content:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-332 .elementor-element.elementor-element-7df5b5b img{height:350px;}.elementor-332 .elementor-element.elementor-element-d6ba1c1{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:20px;}.elementor-332 .elementor-element.elementor-element-d704d18{--justify-content:center;}.elementor-332 .elementor-element.elementor-element-ed4eece img{height:350px;}.elementor-332 .elementor-element.elementor-element-c52c131{padding:0px 0px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-332 .elementor-element.elementor-element-cabbd61{padding:0px 20px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-332 .elementor-element.elementor-element-cabbd61 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-332 .elementor-element.elementor-element-1abb48d{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-a417a71{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-f2d1da0{padding:0px 0px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-332 .elementor-element.elementor-element-e15bd9a{padding:0px 0px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-332 .elementor-element.elementor-element-e15bd9a .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-332 .elementor-element.elementor-element-e55f3dd{--justify-content:center;}.elementor-332 .elementor-element.elementor-element-34ca859 img{height:350px;}.elementor-332 .elementor-element.elementor-element-c25fe48{--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-332 .elementor-element.elementor-element-9a7a904 .elementor-heading-title{font-size:40px;}.elementor-332 .elementor-element.elementor-element-f230b4b .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-332 .elementor-element.elementor-element-80006d8{--min-height:350px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-332 .elementor-element.elementor-element-5130329 .elementor-heading-title{font-size:var( --e-global-typography-b9df151-font-size );}.elementor-332 .elementor-element.elementor-element-c34bde0{--min-height:100px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-332 .elementor-element.elementor-element-cdeee03{padding:0px 0px 0px 0px;}.elementor-332 .elementor-element.elementor-element-cdeee03 .elementor-heading-title{font-size:24px;}.elementor-332 .elementor-element.elementor-element-d76c4fc{padding:0px 0px 0px 0px;}.elementor-332 .elementor-element.elementor-element-d76c4fc .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-332 .elementor-element.elementor-element-7df5b5b img{height:300px;border-radius:20px 20px 20px 20px;}.elementor-332 .elementor-element.elementor-element-d6ba1c1{--min-height:100px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-332 .elementor-element.elementor-element-d704d18.e-con{--order:99999 /* order end hack */;}.elementor-332 .elementor-element.elementor-element-ed4eece img{height:300px;border-radius:20px 20px 20px 20px;}.elementor-332 .elementor-element.elementor-element-c52c131{padding:0px 0px 0px 0px;}.elementor-332 .elementor-element.elementor-element-c52c131 .elementor-heading-title{font-size:24px;}.elementor-332 .elementor-element.elementor-element-cabbd61 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-332 .elementor-element.elementor-element-1abb48d{--min-height:100px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-332 .elementor-element.elementor-element-f2d1da0{padding:0px 0px 0px 0px;}.elementor-332 .elementor-element.elementor-element-f2d1da0 .elementor-heading-title{font-size:24px;}.elementor-332 .elementor-element.elementor-element-e15bd9a{padding:0px 0px 0px 0px;}.elementor-332 .elementor-element.elementor-element-e15bd9a .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-332 .elementor-element.elementor-element-34ca859 img{height:300px;border-radius:20px 20px 20px 20px;}.elementor-332 .elementor-element.elementor-element-c25fe48{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-332 .elementor-element.elementor-element-9a7a904{text-align:center;}.elementor-332 .elementor-element.elementor-element-9a7a904 .elementor-heading-title{font-size:30px;}.elementor-332 .elementor-element.elementor-element-f230b4b{text-align:center;}.elementor-332 .elementor-element.elementor-element-f230b4b .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-332 .elementor-element.elementor-element-6c6ba6d{--width:45%;}.elementor-332 .elementor-element.elementor-element-2bfc650{--width:55%;}.elementor-332 .elementor-element.elementor-element-d704d18{--width:55%;}.elementor-332 .elementor-element.elementor-element-4fd32be{--width:45%;}.elementor-332 .elementor-element.elementor-element-a417a71{--width:45%;}.elementor-332 .elementor-element.elementor-element-e55f3dd{--width:55%;}.elementor-332 .elementor-element.elementor-element-1d8fb49{--width:60%;}.elementor-332 .elementor-element.elementor-element-fcb8982{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-332 .elementor-element.elementor-element-1d8fb49{--width:65%;}.elementor-332 .elementor-element.elementor-element-fcb8982{--width:35%;}}/* Start custom CSS for container, class: .elementor-element-b681e13 *//* ========================================================== 1. REGLAS EXCLUSIVAS PARA ESCRITORIO (MIN-WIDTH: 1025PX) ========================================================== */ @media (min-width: 1025px) { /* Track principal: Define la distancia total del recorrido */ .scroll-sequence-track { position: relative; width: 100%; } /* Pantalla pegajosa */ .scroll-sequence-sticky { position: sticky; top: 0; height: 100vh; width: 100%; overflow: hidden; box-sizing: border-box; } /* Wrappers internos de Elementor */ .scroll-sequence-sticky > .e-con-inner, .scroll-sequence-sticky > div { position: relative; width: 100%; height: 100%; box-sizing: border-box; } /* Reset de elementos animados (Absolutos) */ .scroll-sequence-sticky [class*="scrollable-item-"] { position: absolute !important; top: 0 !important; left: 0 !important; margin: 0 !important; box-sizing: border-box !important; opacity: 0 !important; visibility: visible !important; pointer-events: none; will-change: transform, opacity; transition: opacity 0.7s ease-in-out, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* Posicionamiento y centrados */ .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos), .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); } .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos:not(.centh-pos) { top: 50% !important; left: 0 !important; transform: translateY(-50%); } .scroll-sequence-sticky [class*="scrollable-item-"].centh-pos:not(.centv-pos) { left: 50% !important; top: 0 !important; transform: translateX(-50%); } .scroll-sequence-sticky [class*="scrollable-item-"].orig-pos { top: 0 !important; left: 0 !important; transform: translate(0, 0); } /* Animaciones de Entrada (In) */ .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos).in-anim-up, .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos.in-anim-up { transform: translate(-50%, calc(-50% + 80px)); } .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos).in-anim-down, .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos.in-anim-down { transform: translate(-50%, calc(-50% - 80px)); } .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos:not(.centh-pos).in-anim-up { transform: translateY(calc(-50% + 80px)); } .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos:not(.centh-pos).in-anim-down { transform: translateY(calc(-50% - 80px)); } .scroll-sequence-sticky [class*="scrollable-item-"].centh-pos:not(.centv-pos).in-anim-up { transform: translateX(-50%) translateY(80px); } .scroll-sequence-sticky [class*="scrollable-item-"].centh-pos:not(.centv-pos).in-anim-down { transform: translateX(-50%) translateY(-80px); } .scroll-sequence-sticky [class*="scrollable-item-"].orig-pos.in-anim-up { transform: translateY(80px); } .scroll-sequence-sticky [class*="scrollable-item-"].orig-pos.in-anim-down { transform: translateY(-80px); } /* Estado Activo */ .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos).is-active, .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos.is-active { opacity: 1 !important; pointer-events: auto; transform: translate(-50%, -50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos:not(.centh-pos).is-active { opacity: 1 !important; pointer-events: auto; transform: translateY(-50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].centh-pos:not(.centv-pos).is-active { opacity: 1 !important; pointer-events: auto; transform: translateX(-50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].orig-pos.is-active { opacity: 1 !important; pointer-events: auto; transform: translate(0, 0) !important; } /* Animaciones de Salida (Out) y Stay */ .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos).out-anim-up.is-exited, .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos.out-anim-up.is-exited { opacity: 0 !important; transform: translate(-50%, calc(-50% - 80px)) !important; } .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos).stay-anim.is-exited, .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos.stay-anim.is-exited { opacity: 1 !important; pointer-events: auto; transform: translate(-50%, -50%) !important; } } /* ========================================================== 2. UNSET / DESACTIVACIÓN TOTAL EN TABLET Y MÓVIL (<= 1024PX) ========================================================== */ @media (max-width: 1024px) { /* Anulamos las alturas de scroll y el sticky */ .scroll-sequence-track { height: auto !important; min-height: 0 !important; position: relative !important; } .scroll-sequence-sticky { position: relative !important; top: auto !important; height: auto !important; overflow: visible !important; } /* Restablecemos los elementos al flujo normal de la página */ .scroll-sequence-sticky [class*="scrollable-item-"] { position: relative !important; top: auto !important; left: auto !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; margin-bottom: 20px !important; } } /* ========================================================== ADAPTACIÓN TABLET: RESET DE OPACIDAD BASE Y ALTURA DE ELEMENTOR ========================================================== */ @media (min-width: 768px) and (max-width: 1024px) { /* 1. Desbloqueo de overflow para activar sticky */ .scroll-sequence-track, .scroll-sequence-track > .e-con-inner, .scroll-sequence-sticky > .e-con-inner, .elementor-element-populated { overflow: visible !important; } /* 2. Recorrido del track */ .scroll-sequence-track { height: 140vh !important; min-height: 140vh !important; margin: 0 !important; padding: 0 !important; } /* 3. Fijado pegajoso de pantalla */ .scroll-sequence-sticky { position: -webkit-sticky !important; position: sticky !important; top: 0 !important; height: 70vh !important; min-height: 70vh !important; margin: 0 !important; padding: 0 !important; } /* 4. Reset de contenedor interno */ .scroll-sequence-sticky > .e-con-inner, .scroll-sequence-sticky div[class*="e-con"] { --padding-top: 0px !important; --padding-bottom: 0px !important; --margin-top: 0px !important; --margin-bottom: 0px !important; padding: 0 !important; margin: 0 !important; position: relative !important; height: 100% !important; width: 100% !important; } /* 5. OPACIDAD BASE (Oculta TODOS los ítems antes de activarse) */ .scroll-sequence-sticky [class*="scrollable-item-"] { position: absolute !important; box-sizing: border-box !important; opacity: 0 !important; /* Forzar estado invisible por defecto */ visibility: visible !important; pointer-events: none; transition: opacity 0.6s ease-in-out, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform, opacity; } /* 6. POSICIONAMIENTO SEGÚN CLASES -POS */ .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos), .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos:not(.centh-pos) { top: 50% !important; left: 0 !important; transform: translateY(-50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].centh-pos:not(.centv-pos) { left: 50% !important; top: 0 !important; transform: translateX(-50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].orig-pos { top: 0 !important; left: 0 !important; transform: translate(0, 0) !important; } /* 7. DESBLOQUEO DE DIMENSIONES PARA IMÁGENES (Respeta el editor de Elementor) */ .scroll-sequence-sticky img, .scroll-sequence-sticky [class*="scrollable-item-"] img { max-height: none !important; /* Cancela la restricción global para tomar la del editor */ object-fit: contain; } /* 8. ESTADOS DE ACTIVACIÓN Y SALIDA */ .scroll-sequence-sticky [class*="scrollable-item-"].is-active { opacity: 1 !important; pointer-events: auto !important; } .scroll-sequence-sticky [class*="scrollable-item-"].is-exited:not(.stay-anim) { opacity: 0 !important; } .scroll-sequence-sticky [class*="scrollable-item-"].stay-anim.is-exited { opacity: 1 !important; pointer-events: auto !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fd97c50 *//* ========================================================== 1. REGLAS EXCLUSIVAS PARA ESCRITORIO (MIN-WIDTH: 1025PX) ========================================================== */ @media (min-width: 1025px) { /* Track principal: Define la distancia total del recorrido */ .scroll-sequence-track { position: relative; width: 100%; } /* Pantalla pegajosa */ .scroll-sequence-sticky { position: sticky; top: 0; height: 100vh; width: 100%; overflow: hidden; box-sizing: border-box; } /* Wrappers internos de Elementor */ .scroll-sequence-sticky > .e-con-inner, .scroll-sequence-sticky > div { position: relative; width: 100%; height: 100%; box-sizing: border-box; } /* Reset de elementos animados (Absolutos) */ .scroll-sequence-sticky [class*="scrollable-item-"] { position: absolute !important; top: 0 !important; left: 0 !important; margin: 0 !important; box-sizing: border-box !important; opacity: 0 !important; visibility: visible !important; pointer-events: none; will-change: transform, opacity; transition: opacity 0.7s ease-in-out, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* Posicionamiento y centrados */ .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos), .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); } .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos:not(.centh-pos) { top: 50% !important; left: 0 !important; transform: translateY(-50%); } .scroll-sequence-sticky [class*="scrollable-item-"].centh-pos:not(.centv-pos) { left: 50% !important; top: 0 !important; transform: translateX(-50%); } .scroll-sequence-sticky [class*="scrollable-item-"].orig-pos { top: 0 !important; left: 0 !important; transform: translate(0, 0); } /* Animaciones de Entrada (In) */ .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos).in-anim-up, .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos.in-anim-up { transform: translate(-50%, calc(-50% + 80px)); } .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos).in-anim-down, .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos.in-anim-down { transform: translate(-50%, calc(-50% - 80px)); } .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos:not(.centh-pos).in-anim-up { transform: translateY(calc(-50% + 80px)); } .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos:not(.centh-pos).in-anim-down { transform: translateY(calc(-50% - 80px)); } .scroll-sequence-sticky [class*="scrollable-item-"].centh-pos:not(.centv-pos).in-anim-up { transform: translateX(-50%) translateY(80px); } .scroll-sequence-sticky [class*="scrollable-item-"].centh-pos:not(.centv-pos).in-anim-down { transform: translateX(-50%) translateY(-80px); } .scroll-sequence-sticky [class*="scrollable-item-"].orig-pos.in-anim-up { transform: translateY(80px); } .scroll-sequence-sticky [class*="scrollable-item-"].orig-pos.in-anim-down { transform: translateY(-80px); } /* Estado Activo */ .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos).is-active, .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos.is-active { opacity: 1 !important; pointer-events: auto; transform: translate(-50%, -50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos:not(.centh-pos).is-active { opacity: 1 !important; pointer-events: auto; transform: translateY(-50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].centh-pos:not(.centv-pos).is-active { opacity: 1 !important; pointer-events: auto; transform: translateX(-50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].orig-pos.is-active { opacity: 1 !important; pointer-events: auto; transform: translate(0, 0) !important; } /* Animaciones de Salida (Out) y Stay */ .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos).out-anim-up.is-exited, .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos.out-anim-up.is-exited { opacity: 0 !important; transform: translate(-50%, calc(-50% - 80px)) !important; } .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos).stay-anim.is-exited, .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos.stay-anim.is-exited { opacity: 1 !important; pointer-events: auto; transform: translate(-50%, -50%) !important; } } /* ========================================================== 2. UNSET / DESACTIVACIÓN TOTAL EN TABLET Y MÓVIL (<= 1024PX) ========================================================== */ @media (max-width: 1024px) { /* Anulamos las alturas de scroll y el sticky */ .scroll-sequence-track { height: auto !important; min-height: 0 !important; position: relative !important; } .scroll-sequence-sticky { position: relative !important; top: auto !important; height: auto !important; overflow: visible !important; } /* Restablecemos los elementos al flujo normal de la página */ .scroll-sequence-sticky [class*="scrollable-item-"] { position: relative !important; top: auto !important; left: auto !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; margin-bottom: 20px !important; } } /* ========================================================== ADAPTACIÓN TABLET: RESET DE OPACIDAD BASE Y ALTURA DE ELEMENTOR ========================================================== */ @media (min-width: 768px) and (max-width: 1024px) { /* 1. Desbloqueo de overflow para activar sticky */ .scroll-sequence-track, .scroll-sequence-track > .e-con-inner, .scroll-sequence-sticky > .e-con-inner, .elementor-element-populated { overflow: visible !important; } /* 2. Recorrido del track */ .scroll-sequence-track { height: 140vh !important; min-height: 140vh !important; margin: 0 !important; padding: 0 !important; } /* 3. Fijado pegajoso de pantalla */ .scroll-sequence-sticky { position: -webkit-sticky !important; position: sticky !important; top: 0 !important; height: 70vh !important; min-height: 70vh !important; margin: 0 !important; padding: 0 !important; } /* 4. Reset de contenedor interno */ .scroll-sequence-sticky > .e-con-inner, .scroll-sequence-sticky div[class*="e-con"] { --padding-top: 0px !important; --padding-bottom: 0px !important; --margin-top: 0px !important; --margin-bottom: 0px !important; padding: 0 !important; margin: 0 !important; position: relative !important; height: 100% !important; width: 100% !important; } /* 5. OPACIDAD BASE (Oculta TODOS los ítems antes de activarse) */ .scroll-sequence-sticky [class*="scrollable-item-"] { position: absolute !important; box-sizing: border-box !important; opacity: 0 !important; /* Forzar estado invisible por defecto */ visibility: visible !important; pointer-events: none; transition: opacity 0.6s ease-in-out, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform, opacity; } /* 6. POSICIONAMIENTO SEGÚN CLASES -POS */ .scroll-sequence-sticky [class*="scrollable-item-"]:not(.orig-pos):not(.centv-pos):not(.centh-pos), .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos.centh-pos { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].centv-pos:not(.centh-pos) { top: 50% !important; left: 0 !important; transform: translateY(-50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].centh-pos:not(.centv-pos) { left: 50% !important; top: 0 !important; transform: translateX(-50%) !important; } .scroll-sequence-sticky [class*="scrollable-item-"].orig-pos { top: 0 !important; left: 0 !important; transform: translate(0, 0) !important; } /* 7. DESBLOQUEO DE DIMENSIONES PARA IMÁGENES (Respeta el editor de Elementor) */ .scroll-sequence-sticky img, .scroll-sequence-sticky [class*="scrollable-item-"] img { max-height: none !important; /* Cancela la restricción global para tomar la del editor */ object-fit: contain; } /* 8. ESTADOS DE ACTIVACIÓN Y SALIDA */ .scroll-sequence-sticky [class*="scrollable-item-"].is-active { opacity: 1 !important; pointer-events: auto !important; } .scroll-sequence-sticky [class*="scrollable-item-"].is-exited:not(.stay-anim) { opacity: 0 !important; } .scroll-sequence-sticky [class*="scrollable-item-"].stay-anim.is-exited { opacity: 1 !important; pointer-events: auto !important; } }/* End custom CSS */