.elementor-22 .elementor-element.elementor-element-9vo32hy:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-9vo32hy > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-22 .elementor-element.elementor-element-9vo32hy{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-22 .elementor-element.elementor-element-9vo32hy > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-ea5809d > .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-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-65491aa > .elementor-widget-container{margin:0px 0px 0px 34px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-65491aa{text-align:start;}.elementor-22 .elementor-element.elementor-element-65491aa .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;color:#FC5800;}.elementor-22 .elementor-element.elementor-element-0a6b3fb > .elementor-widget-container{margin:0px 0px 0px 30px;}.elementor-22 .elementor-element.elementor-element-0a6b3fb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:80px;font-weight:900;color:#E6E1E0;}.elementor-22 .elementor-element.elementor-element-5f65e05 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-22 .elementor-element.elementor-element-5f65e05 > .elementor-container{min-height:400px;}.elementor-22 .elementor-element.elementor-element-5f65e05{margin-top:60px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:5;}.elementor-22 .elementor-element.elementor-element-6244136:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22 .elementor-element.elementor-element-6244136 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://hyathlonperu.com/wp-content/uploads/2026/10/SkiErg_HyatlonPeru_1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-6244136 > .elementor-element-populated > .elementor-background-overlay{background-color:#FC5800;opacity:0.63;}.elementor-22 .elementor-element.elementor-element-6244136 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:lighten;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-6244136 > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-6244136 > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-6244136 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-6244136 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 30px 0px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:30px 30px 30px 30px;}.elementor-22 .elementor-element.elementor-element-0e872cf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.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-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-22 .elementor-element.elementor-element-f823aad{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:4px;}.elementor-22 .elementor-element.elementor-element-f823aad .elementor-divider-separator{width:50px;margin:0 auto;margin-left:0;}.elementor-22 .elementor-element.elementor-element-f823aad .elementor-divider{text-align:left;padding-block-start:5px;padding-block-end:5px;}.elementor-22 .elementor-element.elementor-element-cbbf959 .elementor-heading-title{color:#BDBDBD;}.elementor-22 .elementor-element.elementor-element-5c7d094:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22 .elementor-element.elementor-element-5c7d094 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hyathlonperu.com/wp-content/uploads/2026/10/Sled-Pull_HyatlonPeru_2.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-5c7d094 > .elementor-element-populated > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #090b26 0%, #1d1d23 100%);opacity:0.6;}.elementor-22 .elementor-element.elementor-element-5c7d094 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:lighten;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-5c7d094 > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-5c7d094 > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-5c7d094 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-5c7d094 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 30px 0px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:30px 30px 30px 30px;}.elementor-22 .elementor-element.elementor-element-a55fb08 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-6a6ba2f{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:4px;}.elementor-22 .elementor-element.elementor-element-6a6ba2f .elementor-divider-separator{width:50px;margin:0 auto;margin-left:0;}.elementor-22 .elementor-element.elementor-element-6a6ba2f .elementor-divider{text-align:left;padding-block-start:5px;padding-block-end:5px;}.elementor-22 .elementor-element.elementor-element-38bc391 .elementor-heading-title{color:#BDBDBD;}.elementor-22 .elementor-element.elementor-element-aab8356:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22 .elementor-element.elementor-element-aab8356 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://hyathlonperu.com/wp-content/uploads/2026/10/Sled-Push_HyatlonPeru_3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-aab8356 > .elementor-element-populated > .elementor-background-overlay{background-color:#FC5800;opacity:0.63;}.elementor-22 .elementor-element.elementor-element-aab8356 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:lighten;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-aab8356 > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-aab8356 > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-aab8356 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-aab8356 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 30px 0px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:30px 30px 30px 30px;}.elementor-22 .elementor-element.elementor-element-e7b03f4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-59b6f52{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:4px;}.elementor-22 .elementor-element.elementor-element-59b6f52 .elementor-divider-separator{width:50px;margin:0 auto;margin-left:0;}.elementor-22 .elementor-element.elementor-element-59b6f52 .elementor-divider{text-align:left;padding-block-start:5px;padding-block-end:5px;}.elementor-22 .elementor-element.elementor-element-78c6c63 .elementor-heading-title{color:#BDBDBD;}.elementor-22 .elementor-element.elementor-element-745c9be > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-22 .elementor-element.elementor-element-745c9be > .elementor-container{min-height:400px;}.elementor-22 .elementor-element.elementor-element-745c9be{margin-top:60px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:5;}.elementor-22 .elementor-element.elementor-element-5a0c051:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22 .elementor-element.elementor-element-5a0c051 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://hyathlonperu.com/wp-content/uploads/2026/10/Burpee-Broad-Jump_HyatlonPeru_4.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-5a0c051 > .elementor-element-populated > .elementor-background-overlay{background-color:#FC5800;opacity:0.63;}.elementor-22 .elementor-element.elementor-element-5a0c051 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:lighten;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-5a0c051 > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-5a0c051 > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-5a0c051 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-5a0c051 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 30px 0px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:30px 30px 30px 30px;}.elementor-22 .elementor-element.elementor-element-1fceb39 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-39e68f3{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:4px;}.elementor-22 .elementor-element.elementor-element-39e68f3 .elementor-divider-separator{width:50px;margin:0 auto;margin-left:0;}.elementor-22 .elementor-element.elementor-element-39e68f3 .elementor-divider{text-align:left;padding-block-start:5px;padding-block-end:5px;}.elementor-22 .elementor-element.elementor-element-e774727 .elementor-heading-title{color:#BDBDBD;}.elementor-22 .elementor-element.elementor-element-088db1a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22 .elementor-element.elementor-element-088db1a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hyathlonperu.com/wp-content/uploads/2026/10/Sled-Push_HyatlonPeru_5.png");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-088db1a > .elementor-element-populated > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #090b26 0%, #1d1d23 100%);opacity:0.6;}.elementor-22 .elementor-element.elementor-element-088db1a > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:lighten;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-088db1a > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-088db1a > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-088db1a > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-088db1a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 30px 0px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:30px 30px 30px 30px;}.elementor-22 .elementor-element.elementor-element-e3d9fad .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-f1dd599{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:4px;}.elementor-22 .elementor-element.elementor-element-f1dd599 .elementor-divider-separator{width:50px;margin:0 auto;margin-left:0;}.elementor-22 .elementor-element.elementor-element-f1dd599 .elementor-divider{text-align:left;padding-block-start:5px;padding-block-end:5px;}.elementor-22 .elementor-element.elementor-element-cf59480 .elementor-heading-title{color:#BDBDBD;}.elementor-22 .elementor-element.elementor-element-8ec137c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22 .elementor-element.elementor-element-8ec137c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://hyathlonperu.com/wp-content/uploads/2026/10/Farmers-Carry_HyatlonPeru_6.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-8ec137c > .elementor-element-populated > .elementor-background-overlay{background-color:#FC5800;opacity:0.63;}.elementor-22 .elementor-element.elementor-element-8ec137c > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:lighten;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-8ec137c > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-8ec137c > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-8ec137c > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-8ec137c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 30px 0px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:30px 30px 30px 30px;}.elementor-22 .elementor-element.elementor-element-f86eb03 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-744069a{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:4px;}.elementor-22 .elementor-element.elementor-element-744069a .elementor-divider-separator{width:50px;margin:0 auto;margin-left:0;}.elementor-22 .elementor-element.elementor-element-744069a .elementor-divider{text-align:left;padding-block-start:5px;padding-block-end:5px;}.elementor-22 .elementor-element.elementor-element-12f69ce .elementor-heading-title{color:#BDBDBD;}.elementor-22 .elementor-element.elementor-element-3ac1d65 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-22 .elementor-element.elementor-element-3ac1d65 > .elementor-container{min-height:400px;}.elementor-22 .elementor-element.elementor-element-3ac1d65{margin-top:60px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:5;}.elementor-22 .elementor-element.elementor-element-b106f79:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22 .elementor-element.elementor-element-b106f79 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hyathlonperu.com/wp-content/uploads/2026/10/Sandbag-Lunges_HyatlonPeru_7.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-b106f79 > .elementor-element-populated > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #090b26 0%, #1d1d23 100%);opacity:0.6;}.elementor-22 .elementor-element.elementor-element-b106f79 > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:lighten;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-b106f79 > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-b106f79 > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-b106f79 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-b106f79 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 30px 0px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:30px 30px 30px 30px;}.elementor-22 .elementor-element.elementor-element-0692126 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-bcc92ce{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:4px;}.elementor-22 .elementor-element.elementor-element-bcc92ce .elementor-divider-separator{width:50px;margin:0 auto;margin-left:0;}.elementor-22 .elementor-element.elementor-element-bcc92ce .elementor-divider{text-align:left;padding-block-start:5px;padding-block-end:5px;}.elementor-22 .elementor-element.elementor-element-57f2a68 .elementor-heading-title{color:#BDBDBD;}.elementor-22 .elementor-element.elementor-element-96be3ed:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22 .elementor-element.elementor-element-96be3ed > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://hyathlonperu.com/wp-content/uploads/2026/10/Wall-Balls_HyatlonPeru_8.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-96be3ed > .elementor-element-populated > .elementor-background-overlay{background-color:#FC5800;opacity:0.63;}.elementor-22 .elementor-element.elementor-element-96be3ed > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:lighten;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-96be3ed > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-96be3ed > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-96be3ed > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-96be3ed > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 30px 0px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:30px 30px 30px 30px;}.elementor-22 .elementor-element.elementor-element-08b84a2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-03d9a67{--divider-border-style:solid;--divider-color:#BDBDBD;--divider-border-width:4px;}.elementor-22 .elementor-element.elementor-element-03d9a67 .elementor-divider-separator{width:50px;margin:0 auto;margin-left:0;}.elementor-22 .elementor-element.elementor-element-03d9a67 .elementor-divider{text-align:left;padding-block-start:5px;padding-block-end:5px;}.elementor-22 .elementor-element.elementor-element-2787f9a .elementor-heading-title{color:#BDBDBD;}.elementor-22 .elementor-element.elementor-element-a5ebc1d > .elementor-element-populated > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #090b26 0%, #1d1d23 100%);opacity:0.6;}.elementor-22 .elementor-element.elementor-element-a5ebc1d > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:lighten;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-a5ebc1d > .elementor-element-populated, .elementor-22 .elementor-element.elementor-element-a5ebc1d > .elementor-element-populated > .elementor-background-overlay, .elementor-22 .elementor-element.elementor-element-a5ebc1d > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-a5ebc1d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 30px 0px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:30px 30px 30px 30px;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-22 .elementor-element.elementor-element-6244136{width:100%;}.elementor-22 .elementor-element.elementor-element-5c7d094{width:100%;}.elementor-22 .elementor-element.elementor-element-aab8356{width:100%;}.elementor-22 .elementor-element.elementor-element-5a0c051{width:100%;}.elementor-22 .elementor-element.elementor-element-088db1a{width:100%;}.elementor-22 .elementor-element.elementor-element-8ec137c{width:100%;}.elementor-22 .elementor-element.elementor-element-b106f79{width:100%;}.elementor-22 .elementor-element.elementor-element-96be3ed{width:100%;}.elementor-22 .elementor-element.elementor-element-a5ebc1d{width:100%;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-65491aa{text-align:center;}.elementor-22 .elementor-element.elementor-element-0a6b3fb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-0a6b3fb{text-align:center;}.elementor-22 .elementor-element.elementor-element-0a6b3fb .elementor-heading-title{font-size:62px;}.elementor-22 .elementor-element.elementor-element-5f65e05 > .elementor-container{max-width:500px;}.elementor-22 .elementor-element.elementor-element-5f65e05{margin-top:0px;margin-bottom:0px;padding:0px 0px 530px 0px;}.elementor-22 .elementor-element.elementor-element-6244136 > .elementor-element-populated{margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:0px 0px 250px 0px;}.elementor-22 .elementor-element.elementor-element-5c7d094 > .elementor-element-populated{margin:27px 5px 0px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;padding:0px 0px 250px 0px;}.elementor-22 .elementor-element.elementor-element-aab8356 > .elementor-element-populated{margin:33px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:0px 0px 250px 0px;}.elementor-22 .elementor-element.elementor-element-745c9be > .elementor-container{max-width:500px;}.elementor-22 .elementor-element.elementor-element-745c9be{margin-top:-499px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-5a0c051 > .elementor-element-populated{margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:0px 0px 250px 0px;}.elementor-22 .elementor-element.elementor-element-088db1a > .elementor-element-populated{margin:28px 5px 0px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;padding:0px 0px 250px 0px;}.elementor-22 .elementor-element.elementor-element-8ec137c > .elementor-element-populated{margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:0px 0px 250px 0px;}.elementor-22 .elementor-element.elementor-element-3ac1d65 > .elementor-container{max-width:500px;}.elementor-22 .elementor-element.elementor-element-3ac1d65{margin-top:29px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-b106f79 > .elementor-element-populated{margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:0px 0px 250px 0px;}.elementor-22 .elementor-element.elementor-element-96be3ed > .elementor-element-populated{margin:29px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:0px 0px 250px 0px;}.elementor-22 .elementor-element.elementor-element-a5ebc1d > .elementor-element-populated{margin:0px 0px 0px 10px;--e-column-margin-right:0px;--e-column-margin-left:10px;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-ea5809d > .elementor-element-populated{margin:-68px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-65491aa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-65491aa .elementor-heading-title{font-size:14px;}.elementor-22 .elementor-element.elementor-element-0a6b3fb .elementor-heading-title{font-size:35px;}.elementor-22 .elementor-element.elementor-element-5f65e05{margin-top:0px;margin-bottom:0px;}.elementor-22 .elementor-element.elementor-element-6244136 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-22 .elementor-element.elementor-element-0e872cf > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-0e872cf .elementor-heading-title{font-size:45px;}.elementor-22 .elementor-element.elementor-element-5c7d094 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-22 .elementor-element.elementor-element-a55fb08 .elementor-heading-title{font-size:45px;}.elementor-22 .elementor-element.elementor-element-aab8356 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-22 .elementor-element.elementor-element-e7b03f4 > .elementor-widget-container{margin:35px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-e7b03f4 .elementor-heading-title{font-size:40px;}.elementor-22 .elementor-element.elementor-element-745c9be{margin-top:-538px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-5a0c051 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-22 .elementor-element.elementor-element-1fceb39 .elementor-heading-title{font-size:40px;}.elementor-22 .elementor-element.elementor-element-088db1a > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-22 .elementor-element.elementor-element-e3d9fad .elementor-heading-title{font-size:40px;}.elementor-22 .elementor-element.elementor-element-8ec137c > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-22 .elementor-element.elementor-element-f86eb03 .elementor-heading-title{font-size:40px;}.elementor-22 .elementor-element.elementor-element-3ac1d65{margin-top:0px;margin-bottom:0px;}.elementor-22 .elementor-element.elementor-element-b106f79 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-22 .elementor-element.elementor-element-0692126 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-0692126 .elementor-heading-title{font-size:40px;}.elementor-22 .elementor-element.elementor-element-96be3ed > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-22 .elementor-element.elementor-element-08b84a2 > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-08b84a2 .elementor-heading-title{font-size:40px;}.elementor-22 .elementor-element.elementor-element-a5ebc1d > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}}/* Start custom CSS for column, class: .elementor-element-6244136 *//* ========================================================= 8 TARJETAS - ZOOM + BORDE + DEGRADADO + VER MÁS Clase de las columnas: card-desafio Clase del título: titulo-desafio Clase del CTA: cta-desafio ========================================================= */ /* --------------------------------------------------------- COLUMNA / TARJETA --------------------------------------------------------- */ .card-desafio { position: relative !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 18px !important; /* IMPORTANTE: La imagen sigue siendo la imagen de FONDO original de cada columna. */ background-position: center center !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; transition: border-color 0.4s ease, box-shadow 0.4s ease, background-size 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- DEGRADADO OSCURO INFERIOR --------------------------------------------------------- */ .card-desafio::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; pointer-events: none !important; transition: background 0.45s ease !important; } /* --------------------------------------------------------- CONTENIDO DE ELEMENTOR ENCIMA --------------------------------------------------------- */ .card-desafio > * { position: relative !important; z-index: 3 !important; } /* --------------------------------------------------------- TÍTULO --------------------------------------------------------- */ .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } /* --------------------------------------------------------- "VER MÁS" OCULTO INICIALMENTE --------------------------------------------------------- */ .card-desafio .cta-desafio { opacity: 0 !important; transform: translateY(15px) !important; transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- HOVER --------------------------------------------------------- */ @media (hover: hover) and (pointer: fine) { /* ZOOM DE LA IMAGEN DE FONDO 100% → 110% */ .card-desafio:hover { background-size: 110% 110% !important; border-color: #ff7200 !important; box-shadow: 0 12px 35px rgba(255, 114, 0, 0.18) !important; } /* DEGRADADO MÁS FUERTE AL PASAR EL MOUSE */ .card-desafio:hover::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.05) 78% ) !important; } /* APARECE "VER MÁS" */ .card-desafio:hover .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- TABLET / MÓVIL --------------------------------------------------------- */ @media (max-width: 1024px) { .card-desafio { background-size: cover !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- MÓVIL --------------------------------------------------------- */ @media (max-width: 767px) { .card-desafio { background-size: cover !important; border-radius: 18px !important; } .card-desafio::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; } .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-5c7d094 *//* ========================================================= 8 TARJETAS - ZOOM + BORDE + DEGRADADO + VER MÁS Clase de las columnas: card-desafio Clase del título: titulo-desafio Clase del CTA: cta-desafio ========================================================= */ /* --------------------------------------------------------- COLUMNA / TARJETA --------------------------------------------------------- */ .card-desafio { position: relative !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 18px !important; /* IMPORTANTE: La imagen sigue siendo la imagen de FONDO original de cada columna. */ background-position: center center !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; transition: border-color 0.4s ease, box-shadow 0.4s ease, background-size 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- DEGRADADO OSCURO INFERIOR --------------------------------------------------------- */ .card-desafio::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; pointer-events: none !important; transition: background 0.45s ease !important; } /* --------------------------------------------------------- CONTENIDO DE ELEMENTOR ENCIMA --------------------------------------------------------- */ .card-desafio > * { position: relative !important; z-index: 3 !important; } /* --------------------------------------------------------- TÍTULO --------------------------------------------------------- */ .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } /* --------------------------------------------------------- "VER MÁS" OCULTO INICIALMENTE --------------------------------------------------------- */ .card-desafio .cta-desafio { opacity: 0 !important; transform: translateY(15px) !important; transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- HOVER --------------------------------------------------------- */ @media (hover: hover) and (pointer: fine) { /* ZOOM DE LA IMAGEN DE FONDO 100% → 110% */ .card-desafio:hover { background-size: 110% 110% !important; border-color: #ff7200 !important; box-shadow: 0 12px 35px rgba(255, 114, 0, 0.18) !important; } /* DEGRADADO MÁS FUERTE AL PASAR EL MOUSE */ .card-desafio:hover::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.05) 78% ) !important; } /* APARECE "VER MÁS" */ .card-desafio:hover .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- TABLET / MÓVIL --------------------------------------------------------- */ @media (max-width: 1024px) { .card-desafio { background-size: cover !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- MÓVIL --------------------------------------------------------- */ @media (max-width: 767px) { .card-desafio { background-size: cover !important; border-radius: 18px !important; } .card-desafio::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; } .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-aab8356 *//* ========================================================= 8 TARJETAS - ZOOM + BORDE + DEGRADADO + VER MÁS Clase de las columnas: card-desafio Clase del título: titulo-desafio Clase del CTA: cta-desafio ========================================================= */ /* --------------------------------------------------------- COLUMNA / TARJETA --------------------------------------------------------- */ .card-desafio { position: relative !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 18px !important; /* IMPORTANTE: La imagen sigue siendo la imagen de FONDO original de cada columna. */ background-position: center center !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; transition: border-color 0.4s ease, box-shadow 0.4s ease, background-size 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- DEGRADADO OSCURO INFERIOR --------------------------------------------------------- */ .card-desafio::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; pointer-events: none !important; transition: background 0.45s ease !important; } /* --------------------------------------------------------- CONTENIDO DE ELEMENTOR ENCIMA --------------------------------------------------------- */ .card-desafio > * { position: relative !important; z-index: 3 !important; } /* --------------------------------------------------------- TÍTULO --------------------------------------------------------- */ .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } /* --------------------------------------------------------- "VER MÁS" OCULTO INICIALMENTE --------------------------------------------------------- */ .card-desafio .cta-desafio { opacity: 0 !important; transform: translateY(15px) !important; transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- HOVER --------------------------------------------------------- */ @media (hover: hover) and (pointer: fine) { /* ZOOM DE LA IMAGEN DE FONDO 100% → 110% */ .card-desafio:hover { background-size: 110% 110% !important; border-color: #ff7200 !important; box-shadow: 0 12px 35px rgba(255, 114, 0, 0.18) !important; } /* DEGRADADO MÁS FUERTE AL PASAR EL MOUSE */ .card-desafio:hover::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.05) 78% ) !important; } /* APARECE "VER MÁS" */ .card-desafio:hover .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- TABLET / MÓVIL --------------------------------------------------------- */ @media (max-width: 1024px) { .card-desafio { background-size: cover !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- MÓVIL --------------------------------------------------------- */ @media (max-width: 767px) { .card-desafio { background-size: cover !important; border-radius: 18px !important; } .card-desafio::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; } .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-5f65e05 *//* ===================================== ZOOM PARA LAS TARJETAS DE ESTA SECCIÓN ===================================== */ .elementor-22 .elementor-element.elementor-element-5f65e05 .card-desafio { position: relative !important; overflow: hidden !important; transition: border-color 0.4s ease, box-shadow 0.4s ease !important; } /* Capa de fondo */ .elementor-22 .elementor-element.elementor-element-5f65e05 .card-desafio .elementor-background-overlay { transform: scale(1); transform-origin: center center; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* Efectos al pasar el cursor */ @media (hover: hover) and (pointer: fine) { .elementor-22 .elementor-element.elementor-element-5f65e05 .card-desafio:hover .elementor-background-overlay { transform: scale(1.1); } .elementor-22 .elementor-element.elementor-element-5f65e05 .card-desafio:hover { border-color: #ff7200 !important; box-shadow: 0 12px 35px rgba(255, 114, 0, 0.18) !important; } .elementor-22 .elementor-element.elementor-element-5f65e05 .card-desafio:hover .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* Móviles */ @media (max-width: 767px) { .elementor-22 .elementor-element.elementor-element-5f65e05 .card-desafio .elementor-background-overlay { transform: none !important; } .elementor-22 .elementor-element.elementor-element-5f65e05 .card-desafio .cta-desafio { opacity: 1 !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-5a0c051 *//* ========================================================= 8 TARJETAS - ZOOM + BORDE + DEGRADADO + VER MÁS Clase de las columnas: card-desafio Clase del título: titulo-desafio Clase del CTA: cta-desafio ========================================================= */ /* --------------------------------------------------------- COLUMNA / TARJETA --------------------------------------------------------- */ .card-desafio { position: relative !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 18px !important; /* IMPORTANTE: La imagen sigue siendo la imagen de FONDO original de cada columna. */ background-position: center center !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; transition: border-color 0.4s ease, box-shadow 0.4s ease, background-size 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- DEGRADADO OSCURO INFERIOR --------------------------------------------------------- */ .card-desafio::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; pointer-events: none !important; transition: background 0.45s ease !important; } /* --------------------------------------------------------- CONTENIDO DE ELEMENTOR ENCIMA --------------------------------------------------------- */ .card-desafio > * { position: relative !important; z-index: 3 !important; } /* --------------------------------------------------------- TÍTULO --------------------------------------------------------- */ .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } /* --------------------------------------------------------- "VER MÁS" OCULTO INICIALMENTE --------------------------------------------------------- */ .card-desafio .cta-desafio { opacity: 0 !important; transform: translateY(15px) !important; transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- HOVER --------------------------------------------------------- */ @media (hover: hover) and (pointer: fine) { /* ZOOM DE LA IMAGEN DE FONDO 100% → 110% */ .card-desafio:hover { background-size: 110% 110% !important; border-color: #ff7200 !important; box-shadow: 0 12px 35px rgba(255, 114, 0, 0.18) !important; } /* DEGRADADO MÁS FUERTE AL PASAR EL MOUSE */ .card-desafio:hover::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.05) 78% ) !important; } /* APARECE "VER MÁS" */ .card-desafio:hover .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- TABLET / MÓVIL --------------------------------------------------------- */ @media (max-width: 1024px) { .card-desafio { background-size: cover !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- MÓVIL --------------------------------------------------------- */ @media (max-width: 767px) { .card-desafio { background-size: cover !important; border-radius: 18px !important; } .card-desafio::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; } .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-088db1a *//* ========================================================= 8 TARJETAS - ZOOM + BORDE + DEGRADADO + VER MÁS Clase de las columnas: card-desafio Clase del título: titulo-desafio Clase del CTA: cta-desafio ========================================================= */ /* --------------------------------------------------------- COLUMNA / TARJETA --------------------------------------------------------- */ .card-desafio { position: relative !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 18px !important; /* IMPORTANTE: La imagen sigue siendo la imagen de FONDO original de cada columna. */ background-position: center center !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; transition: border-color 0.4s ease, box-shadow 0.4s ease, background-size 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- DEGRADADO OSCURO INFERIOR --------------------------------------------------------- */ .card-desafio::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; pointer-events: none !important; transition: background 0.45s ease !important; } /* --------------------------------------------------------- CONTENIDO DE ELEMENTOR ENCIMA --------------------------------------------------------- */ .card-desafio > * { position: relative !important; z-index: 3 !important; } /* --------------------------------------------------------- TÍTULO --------------------------------------------------------- */ .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } /* --------------------------------------------------------- "VER MÁS" OCULTO INICIALMENTE --------------------------------------------------------- */ .card-desafio .cta-desafio { opacity: 0 !important; transform: translateY(15px) !important; transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- HOVER --------------------------------------------------------- */ @media (hover: hover) and (pointer: fine) { /* ZOOM DE LA IMAGEN DE FONDO 100% → 110% */ .card-desafio:hover { background-size: 110% 110% !important; border-color: #ff7200 !important; box-shadow: 0 12px 35px rgba(255, 114, 0, 0.18) !important; } /* DEGRADADO MÁS FUERTE AL PASAR EL MOUSE */ .card-desafio:hover::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.05) 78% ) !important; } /* APARECE "VER MÁS" */ .card-desafio:hover .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- TABLET / MÓVIL --------------------------------------------------------- */ @media (max-width: 1024px) { .card-desafio { background-size: cover !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- MÓVIL --------------------------------------------------------- */ @media (max-width: 767px) { .card-desafio { background-size: cover !important; border-radius: 18px !important; } .card-desafio::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; } .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-8ec137c *//* ========================================================= 8 TARJETAS - ZOOM + BORDE + DEGRADADO + VER MÁS Clase de las columnas: card-desafio Clase del título: titulo-desafio Clase del CTA: cta-desafio ========================================================= */ /* --------------------------------------------------------- COLUMNA / TARJETA --------------------------------------------------------- */ .card-desafio { position: relative !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 18px !important; /* IMPORTANTE: La imagen sigue siendo la imagen de FONDO original de cada columna. */ background-position: center center !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; transition: border-color 0.4s ease, box-shadow 0.4s ease, background-size 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- DEGRADADO OSCURO INFERIOR --------------------------------------------------------- */ .card-desafio::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; pointer-events: none !important; transition: background 0.45s ease !important; } /* --------------------------------------------------------- CONTENIDO DE ELEMENTOR ENCIMA --------------------------------------------------------- */ .card-desafio > * { position: relative !important; z-index: 3 !important; } /* --------------------------------------------------------- TÍTULO --------------------------------------------------------- */ .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } /* --------------------------------------------------------- "VER MÁS" OCULTO INICIALMENTE --------------------------------------------------------- */ .card-desafio .cta-desafio { opacity: 0 !important; transform: translateY(15px) !important; transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* --------------------------------------------------------- HOVER --------------------------------------------------------- */ @media (hover: hover) and (pointer: fine) { /* ZOOM DE LA IMAGEN DE FONDO 100% → 110% */ .card-desafio:hover { background-size: 110% 110% !important; border-color: #ff7200 !important; box-shadow: 0 12px 35px rgba(255, 114, 0, 0.18) !important; } /* DEGRADADO MÁS FUERTE AL PASAR EL MOUSE */ .card-desafio:hover::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.05) 78% ) !important; } /* APARECE "VER MÁS" */ .card-desafio:hover .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- TABLET / MÓVIL --------------------------------------------------------- */ @media (max-width: 1024px) { .card-desafio { background-size: cover !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* --------------------------------------------------------- MÓVIL --------------------------------------------------------- */ @media (max-width: 767px) { .card-desafio { background-size: cover !important; border-radius: 18px !important; } .card-desafio::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ) !important; } .card-desafio .titulo-desafio { opacity: 1 !important; transform: none !important; } .card-desafio .cta-desafio { opacity: 1 !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-745c9be *//* ===================================== ZOOM PARA LAS TARJETAS DE ESTA SECCIÓN ===================================== */ .elementor-22 .elementor-element.elementor-element-745c9be .card-desafio { position: relative !important; overflow: hidden !important; transition: border-color 0.4s ease, box-shadow 0.4s ease !important; } /* Capa de fondo */ .elementor-22 .elementor-element.elementor-element-745c9be .card-desafio .elementor-background-overlay { transform: scale(1); transform-origin: center center; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* Efectos al pasar el cursor */ @media (hover: hover) and (pointer: fine) { .elementor-22 .elementor-element.elementor-element-745c9be .card-desafio:hover .elementor-background-overlay { transform: scale(1.1); } .elementor-22 .elementor-element.elementor-element-745c9be .card-desafio:hover { border-color: #ff7200 !important; box-shadow: 0 12px 35px rgba(255, 114, 0, 0.18) !important; } .elementor-22 .elementor-element.elementor-element-745c9be .card-desafio:hover .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* Móviles */ @media (max-width: 767px) { .elementor-22 .elementor-element.elementor-element-745c9be .card-desafio .elementor-background-overlay { transform: none !important; } .elementor-22 .elementor-element.elementor-element-745c9be .card-desafio .cta-desafio { opacity: 1 !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-b106f79 */.elementor-22 .elementor-element.elementor-element-b106f79 { position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; transition: border-color 0.4s ease, box-shadow 0.4s ease; } /* CAPA OSCURA INFERIOR */ .elementor-22 .elementor-element.elementor-element-b106f79::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ); pointer-events: none; transition: background 0.45s ease; } /* CONTENIDO DE ELEMENTOR ENCIMA */ .elementor-22 .elementor-element.elementor-element-b106f79 > * { position: relative; z-index: 3; } /* ========================================= EFECTO AL PASAR EL MOUSE ========================================= */ .elementor-22 .elementor-element.elementor-element-b106f79:hover { border-color: #ff7200; box-shadow: 0 12px 35px rgba(255, 114, 0, 0.18); } /* DEGRADADO MÁS FUERTE */ .elementor-22 .elementor-element.elementor-element-b106f79:hover::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.05) 78% ); }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-96be3ed */.elementor-22 .elementor-element.elementor-element-96be3ed { position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; transition: border-color 0.4s ease, box-shadow 0.4s ease; } /* CAPA OSCURA INFERIOR */ .elementor-22 .elementor-element.elementor-element-96be3ed::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient( to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0) 75% ); pointer-events: none; transition: background 0.45s ease; } /* CONTENIDO DE ELEMENTOR ENCIMA */ .elementor-22 .elementor-element.elementor-element-96be3ed > * { position: relative; z-index: 3; } /* ========================================= EFECTO AL PASAR EL MOUSE ========================================= */ .elementor-22 .elementor-element.elementor-element-96be3ed:hover { border-color: #ff7200; box-shadow: 0 12px 35px rgba(255, 114, 0, 0.18); } /* DEGRADADO MÁS FUERTE */ .elementor-22 .elementor-element.elementor-element-96be3ed:hover::after { background: linear-gradient( to top, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.05) 78% ); }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-3ac1d65 *//* ===================================== ZOOM PARA LAS TARJETAS DE ESTA SECCIÓN ===================================== */ .elementor-22 .elementor-element.elementor-element-3ac1d65 .card-desafio { position: relative !important; overflow: hidden !important; transition: border-color 0.4s ease, box-shadow 0.4s ease !important; } /* Capa de fondo */ .elementor-22 .elementor-element.elementor-element-3ac1d65 .card-desafio .elementor-background-overlay { transform: scale(1); transform-origin: center center; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important; } /* Efectos al pasar el cursor */ @media (hover: hover) and (pointer: fine) { .elementor-22 .elementor-element.elementor-element-3ac1d65 .card-desafio:hover .elementor-background-overlay { transform: scale(1.1); } .elementor-22 .elementor-element.elementor-element-3ac1d65 .card-desafio:hover { border-color: #ff7200 !important; box-shadow: 0 12px 35px rgba(255, 114, 0, 0.18) !important; } .elementor-22 .elementor-element.elementor-element-3ac1d65 .card-desafio:hover .cta-desafio { opacity: 1 !important; transform: translateY(0) !important; } } /* Móviles */ @media (max-width: 767px) { .elementor-22 .elementor-element.elementor-element-3ac1d65 .card-desafio .elementor-background-overlay { transform: none !important; } .elementor-22 .elementor-element.elementor-element-3ac1d65 .card-desafio .cta-desafio { opacity: 1 !important; transform: none !important; } }/* End custom CSS */