.elementor-25416 .elementor-element.elementor-element-4192a7b{--display:flex;--min-height:450px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25416 .elementor-element.elementor-element-4192a7b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-25416 .elementor-element.elementor-element-7b482ce{margin:-120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25416 .elementor-element.elementor-element-216a1a3{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-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-weight:var( --e-global-typography-accent-font-weight );}.elementor-25416 .elementor-element.elementor-element-0c96c12{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25416 .elementor-element.elementor-element-0c96c12.elementor-element{--align-self:flex-start;}.elementor-25416 .elementor-element.elementor-element-0c96c12 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:500;fill:#000000;color:#000000;}.elementor-25416 .elementor-element.elementor-element-e737374{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-25416 .elementor-element.elementor-element-e737374.elementor-element{--align-self:flex-start;}.elementor-25416 .elementor-element.elementor-element-e737374 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:500;fill:#000000;color:#000000;}.elementor-25416 .elementor-element.elementor-element-3c7e2dd{--display:flex;--min-height:450px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25416 .elementor-element.elementor-element-3c7e2dd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25416 .elementor-element.elementor-element-61184ae{margin:-120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25416 .elementor-element.elementor-element-6dcc53f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25416 .elementor-element.elementor-element-1f8737b{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25416 .elementor-element.elementor-element-1f8737b.elementor-element{--align-self:flex-start;}.elementor-25416 .elementor-element.elementor-element-1f8737b .elementor-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Poppins", Sans-serif;font-weight:500;fill:#000000;color:#000000;}.elementor-25416 .elementor-element.elementor-element-4e4a907{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25416 .elementor-element.elementor-element-4e4a907.elementor-element{--align-self:flex-start;}.elementor-25416 .elementor-element.elementor-element-4e4a907 .elementor-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Poppins", Sans-serif;font-weight:500;fill:#000000;color:#000000;}.elementor-25416 .elementor-element.elementor-element-b632fe5{--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;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-25416 .elementor-element.elementor-element-b632fe5::before, .elementor-25416 .elementor-element.elementor-element-b632fe5 > .elementor-background-video-container::before, .elementor-25416 .elementor-element.elementor-element-b632fe5 > .e-con-inner > .elementor-background-video-container::before, .elementor-25416 .elementor-element.elementor-element-b632fe5 > .elementor-background-slideshow::before, .elementor-25416 .elementor-element.elementor-element-b632fe5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25416 .elementor-element.elementor-element-b632fe5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-25416 .elementor-element.elementor-element-b632fe5 > .elementor-shape-bottom svg, .elementor-25416 .elementor-element.elementor-element-b632fe5 > .e-con-inner > .elementor-shape-bottom svg{height:20px;}.elementor-25416 .elementor-element.elementor-element-0ae4d39{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25416 .elementor-element.elementor-element-1700cf5 img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25416 .elementor-element.elementor-element-b9e4e74{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;text-align:justify;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-25416 .elementor-element.elementor-element-7e69872{--display:flex;--min-height:100px;--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25416 .elementor-element.elementor-element-7e69872:not(.elementor-motion-effects-element-type-background), .elementor-25416 .elementor-element.elementor-element-7e69872 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-25416 .elementor-element.elementor-element-1f6d2bd{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#101010;}.elementor-25416 .elementor-element.elementor-element-201da61{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25416 .elementor-element.elementor-element-201da61.elementor-element{--align-self:center;}.elementor-25416 .elementor-element.elementor-element-201da61 img{width:60%;}.elementor-25416 .elementor-element.elementor-element-872ea0c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25416 .elementor-element.elementor-element-872ea0c:not(.elementor-motion-effects-element-type-background), .elementor-25416 .elementor-element.elementor-element-872ea0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3E0267;}.elementor-25416 .elementor-element.elementor-element-872ea0c::before, .elementor-25416 .elementor-element.elementor-element-872ea0c > .elementor-background-video-container::before, .elementor-25416 .elementor-element.elementor-element-872ea0c > .e-con-inner > .elementor-background-video-container::before, .elementor-25416 .elementor-element.elementor-element-872ea0c > .elementor-background-slideshow::before, .elementor-25416 .elementor-element.elementor-element-872ea0c > .e-con-inner > .elementor-background-slideshow::before, .elementor-25416 .elementor-element.elementor-element-872ea0c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-25416 .elementor-element.elementor-element-872ea0c > .elementor-shape-top svg, .elementor-25416 .elementor-element.elementor-element-872ea0c > .e-con-inner > .elementor-shape-top svg{height:20px;}.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-25416 .elementor-element.elementor-element-388efde{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-25416 .elementor-element.elementor-element-388efde.elementor-element{--align-self:center;}.elementor-25416 .elementor-element.elementor-element-388efde .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:800;color:#FFC800;}.elementor-25416 .elementor-element.elementor-element-9381707{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25416 .elementor-element.elementor-element-9381707.elementor-element{--align-self:center;}.elementor-25416 .elementor-element.elementor-element-9381707 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:500;fill:#000000;color:#000000;}.elementor-25416 .elementor-element.elementor-element-143377b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25416 .elementor-element.elementor-element-143377b:not(.elementor-motion-effects-element-type-background), .elementor-25416 .elementor-element.elementor-element-143377b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3E0267;}.elementor-25416 .elementor-element.elementor-element-143377b::before, .elementor-25416 .elementor-element.elementor-element-143377b > .elementor-background-video-container::before, .elementor-25416 .elementor-element.elementor-element-143377b > .e-con-inner > .elementor-background-video-container::before, .elementor-25416 .elementor-element.elementor-element-143377b > .elementor-background-slideshow::before, .elementor-25416 .elementor-element.elementor-element-143377b > .e-con-inner > .elementor-background-slideshow::before, .elementor-25416 .elementor-element.elementor-element-143377b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-25416 .elementor-element.elementor-element-231096e{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-25416 .elementor-element.elementor-element-231096e.elementor-element{--align-self:center;}.elementor-25416 .elementor-element.elementor-element-231096e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:800;color:#FFC800;}.elementor-25416 .elementor-element.elementor-element-fd9571f{--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;}.elementor-25416 .elementor-element.elementor-element-48db95d{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-25416 .elementor-element.elementor-element-9db4d28 img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25416 .elementor-element.elementor-element-1a877d8{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:18px;letter-spacing:-0.5px;word-spacing:0px;color:#EEEEEE;}.elementor-25416 .elementor-element.elementor-element-6252267{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-25416 .elementor-element.elementor-element-ab67f0f img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25416 .elementor-element.elementor-element-ec6a1c9{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:18px;letter-spacing:-0.5px;word-spacing:0px;color:#EEEEEE;}.elementor-25416 .elementor-element.elementor-element-33210e1{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-25416 .elementor-element.elementor-element-c8d0cbe img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25416 .elementor-element.elementor-element-da06e44{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:18px;letter-spacing:-0.5px;word-spacing:0px;color:#EEEEEE;}.elementor-25416 .elementor-element.elementor-element-bc510d8{--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;}.elementor-25416 .elementor-element.elementor-element-0bcfb04{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-25416 .elementor-element.elementor-element-8fe2147 img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25416 .elementor-element.elementor-element-e6c5fc3{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:18px;letter-spacing:-0.5px;word-spacing:0px;color:#EEEEEE;}.elementor-25416 .elementor-element.elementor-element-0ed60a0{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-25416 .elementor-element.elementor-element-523070d img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25416 .elementor-element.elementor-element-ae3943e{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:18px;letter-spacing:-0.5px;word-spacing:0px;color:#EEEEEE;}.elementor-25416 .elementor-element.elementor-element-b5d078b{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-25416 .elementor-element.elementor-element-898b528 img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25416 .elementor-element.elementor-element-3c445e0{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:18px;letter-spacing:-0.5px;word-spacing:0px;color:#EEEEEE;}.elementor-25416 .elementor-element.elementor-element-4e99297{--display:flex;--min-height:0px;--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;}.elementor-25416 .elementor-element.elementor-element-dcccd56{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-25416 .elementor-element.elementor-element-0ee13d4 img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25416 .elementor-element.elementor-element-6e76277{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:18px;letter-spacing:-0.5px;word-spacing:0px;color:#EEEEEE;}.elementor-25416 .elementor-element.elementor-element-49d9c0a{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-25416 .elementor-element.elementor-element-4c1d649 img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25416 .elementor-element.elementor-element-ca14910{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:18px;letter-spacing:-0.5px;word-spacing:0px;color:#EEEEEE;}.elementor-25416 .elementor-element.elementor-element-dbf5681{--display:flex;--min-height:410px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-25416 .elementor-element.elementor-element-a26da0b img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25416 .elementor-element.elementor-element-eb3e844{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:18px;letter-spacing:-0.5px;word-spacing:0px;color:#EEEEEE;}.elementor-25416 .elementor-element.elementor-element-ff832d4{--display:flex;--min-height:400px;--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:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25416 .elementor-element.elementor-element-5d3fe54{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:45px;font-weight:800;line-height:38px;color:#FFC800;}.elementor-25416 .elementor-element.elementor-element-5d3fe54.elementor-element{--align-self:center;}.elementor-25416 .elementor-element.elementor-element-0cf8bb0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:25px;font-weight:800;line-height:38px;color:#FFFFFF;}.elementor-25416 .elementor-element.elementor-element-0cf8bb0.elementor-element{--align-self:center;}.elementor-25416 .elementor-element.elementor-element-0cf8bb0 a{color:#FFC800;}.elementor-25416 .elementor-element.elementor-element-41d1379{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-25416 .elementor-element.elementor-element-41d1379.elementor-element{--align-self:center;}.elementor-25416 .elementor-element.elementor-element-41d1379 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:500;fill:#000000;color:#000000;}@media(max-width:1024px){.elementor-25416 .elementor-element.elementor-element-216a1a3{--grid-auto-flow:row;}.elementor-25416 .elementor-element.elementor-element-3c7e2dd{--min-height:450px;}.elementor-25416 .elementor-element.elementor-element-6dcc53f{--grid-auto-flow:row;--margin-top:-800px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25416 .elementor-element.elementor-element-0ae4d39{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-25416 .elementor-element.elementor-element-4192a7b{--width:100%;}.elementor-25416 .elementor-element.elementor-element-3c7e2dd{--width:100%;}.elementor-25416 .elementor-element.elementor-element-7e69872{--width:100%;}.elementor-25416 .elementor-element.elementor-element-48db95d{--width:33.33%;}.elementor-25416 .elementor-element.elementor-element-6252267{--width:33.33%;}.elementor-25416 .elementor-element.elementor-element-33210e1{--width:33.33%;}.elementor-25416 .elementor-element.elementor-element-0bcfb04{--width:33.33%;}.elementor-25416 .elementor-element.elementor-element-0ed60a0{--width:33.33%;}.elementor-25416 .elementor-element.elementor-element-b5d078b{--width:33.33%;}.elementor-25416 .elementor-element.elementor-element-dcccd56{--width:33.33%;}.elementor-25416 .elementor-element.elementor-element-49d9c0a{--width:33.33%;}.elementor-25416 .elementor-element.elementor-element-dbf5681{--width:33.33%;}}@media(max-width:767px){.elementor-25416 .elementor-element.elementor-element-216a1a3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-25416 .elementor-element.elementor-element-3c7e2dd{--min-height:300px;}.elementor-25416 .elementor-element.elementor-element-61184ae{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25416 .elementor-element.elementor-element-6dcc53f{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:-360px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-25416 .elementor-element.elementor-element-1f8737b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25416 .elementor-element.elementor-element-1f8737b.elementor-element{--align-self:center;}.elementor-25416 .elementor-element.elementor-element-1f8737b .elementor-button{width:150px;font-size:12px;}.elementor-25416 .elementor-element.elementor-element-4e4a907{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25416 .elementor-element.elementor-element-4e4a907.elementor-element{--align-self:center;}.elementor-25416 .elementor-element.elementor-element-4e4a907 .elementor-button{width:150px;font-size:12px;}.elementor-25416 .elementor-element.elementor-element-b632fe5{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25416 .elementor-element.elementor-element-0ae4d39{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-25416 .elementor-element.elementor-element-b9e4e74{margin:0px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;font-size:16px;}.elementor-25416 .elementor-element.elementor-element-201da61 img{width:100%;}.elementor-25416 .elementor-element.elementor-element-bc510d8{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25416 .elementor-element.elementor-element-4e99297{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25416 .elementor-element.elementor-element-ff832d4{--min-height:350px;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25416 .elementor-element.elementor-element-5d3fe54{font-size:25px;line-height:1.2em;}.elementor-25416 .elementor-element.elementor-element-0cf8bb0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:17px;line-height:0.8em;}.elementor-25416 .elementor-element.elementor-element-41d1379{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for button, class: .elementor-element-0c96c12 *//* Botón estilo amarillo personalizado */
.boton-hero1 .elementor-button {
/* Degradado amarillo (de más claro a más oscuro) */
background: linear-gradient(90deg, #FFD435 0%, #F5C103 100%) !important;
border-radius: 50px !important;
border: 2px solid rgba(255, 255, 255, 0.8) !important;
/* Sombra suave en tono amarillo/dorado */
box-shadow: 0 3px 7px rgba(245, 193, 3, 0.4) !important;
color: #3E0267 !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
}
/* Efecto Hover (al pasar el cursor - intensifica el brillo) */
.boton-hero1 .elementor-button:hover {
background: linear-gradient(90deg, #FFE066 0%, #FFD435 100%) !important;
transform: translateY(-2px);
box-shadow: 0 5px 10px rgba(245, 193, 3, 0.6) !important;
}
/* Efecto al hacer clic */
.boton-hero1 .elementor-button:active {
transform: translateY(1px);
box-shadow: 0 4px 8px rgba(245, 193, 3, 0.4) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e737374 *//* Botón estilo amarillo personalizado */
.boton-hero1 .elementor-button {
/* Degradado amarillo (de más claro a más oscuro) */
background: linear-gradient(90deg, #FFD435 0%, #F5C103 100%) !important;
border-radius: 50px !important;
border: 2px solid rgba(255, 255, 255, 0.8) !important;
/* Sombra suave en tono amarillo/dorado */
box-shadow: 0 3px 7px rgba(245, 193, 3, 0.4) !important;
color: #3E0267 !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
}
/* Efecto Hover (al pasar el cursor - intensifica el brillo) */
.boton-hero1 .elementor-button:hover {
background: linear-gradient(90deg, #FFE066 0%, #FFD435 100%) !important;
transform: translateY(-2px);
box-shadow: 0 5px 10px rgba(245, 193, 3, 0.6) !important;
}
/* Efecto al hacer clic */
.boton-hero1 .elementor-button:active {
transform: translateY(1px);
box-shadow: 0 4px 8px rgba(245, 193, 3, 0.4) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4192a7b *//* --- TEMA MODERNO Y JUVENIL - VERSIÓN FINAL --- */
/* Por: Tu Asistente de IA */
/* Inspiración: Flat 2.0, Neobrutalismo, Diseño Tech Vibrante */
/* --- 1. Variables Globales y Estilos Base --- */
:root {
--primary-blue: #0052FF; /* Azul eléctrico vibrante */
--accent-lime: #BEF264; /* Verde lima/neón como acento principal */
--accent-pink: #EC4899; /* Rosa fuerte para detalles */
--dark-text: #111827; /* Casi negro para máxima legibilidad */
--light-bg: #F9FAFB; /* Un gris muy, muy claro para fondos limpios */
--white: #ffffff;
--font-family: 'Poppins', sans-serif;
--border-radius: 12px; /* Un radio de borde consistente */
--border-width: 2px; /* Grosor de borde para el estilo "chunky" */
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--font-family);
color: var(--dark-text);
line-height: 1.7;
background-color: var(--white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.container {
/* max-width: 1100px;*/
margin: 0 auto;
padding: 0 20px;
}
.encontrar{
padding:40px 120px;
}
.section-title {
font-size: clamp(2rem, 5vw, 3.5rem); /* Tipografía responsiva! */
font-weight: 700;
text-align: center;
color: var(--dark-text);
margin-bottom: 60px;
line-height: 1.2;
}
.text-center {
text-align: center;
}
/* --- 2. Hero Section - DISEÑO SPLIT AMARILLO + PATRÓN + IMAGEN --- */
.hero {
display: flex
;
align-items: center;
gap: 40px;
color: var(--dark-text);
padding: 60px 20px;
min-height: 90vh;
max-width: 100%;
margin: 0 auto;
background-color: #ffc800;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
background-size: 20px 20px;
padding: 60px 120px;
}
.hero-content {
flex: 1;
text-align: left;
}
.hero-image {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.hero-image img {
width: 100%;
height: 100%;
max-height: 70vh;
object-fit: cover;
border-radius: var(--border-radius);
border: var(--border-width) solid var(--dark-text);
box-shadow: 10px 10px 0px white;
transition: all 0.2s ease-in-out;
}
.hero-image img:hover {
transform: translate(-4px, -4px);
box-shadow: 14px 14px 0px white;
}
.hero-logo {
max-width: 430px;
margin-bottom: 30px;
}
.hero h1 {
font-size: clamp(2.5rem, 6vw, 3rem);
font-weight: 700;
line-height: 1.1;
margin-bottom: 40px;
text-shadow: none;
}
.hero2 {
display: flex
;
align-items: center;
gap: 40px;
color: var(--dark-text);
padding: 60px 20px;
max-width: 100%;
margin: 0 auto;
background-color: #5b0099;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
background-size: 20px 20px;
padding: 60px 120px;
}
.hero2-content {
flex: 1;
text-align: left;
}
.hero2-image {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.hero2-image img {
width: 100%;
height: 100%;
max-height: 70vh;
object-fit: cover;
border-radius: var(--border-radius);
border: var(--border-width) solid var(--dark-text);
box-shadow: 10px 10px 0px white;
transition: all 0.2s ease-in-out;
}
.hero2-image img:hover {
transform: translate(-4px, -4px);
box-shadow: 14px 14px 0px white;
}
.hero2-logo {
max-width: 430px;
margin-bottom: 30px;
}
.hero2 h1 {
font-size: clamp(2.5rem, 6vw, 3rem);
font-weight: 700;
line-height: 1.1;
margin-bottom: 40px;
text-shadow: none;
}
/* BOTÓN */
/* ESTADO NORMAL - Fuerza bordes redondeados y sombra */
html body .hero-content a.cta-button,
html body a.cta-button {
background-color: #5b0099 !important; /* Tu color oscuro de fondo */
color: #ffffff !important; /* Texto blanco */
padding: 18px 40px !important;
border-radius: 16px !important; /* Forzamos los bordes redondeados en px */
text-decoration: none !important;
font-weight: 600 !important;
font-size: 1.2rem !important;
display: inline-block !important;
border: 3px solid #0b1325 !important; /* Grosor fijo */
box-shadow: 4px 4px 0px #0052ff !important; /* Tu azul neobrutalista */
transition: all 0.2s ease-in-out !important;
}
/* ESTADO HOVER - Fuerza texto blanco y fondo morado */
html body .hero-content a.cta-button:hover,
html body a.cta-button:hover {
background-color: #ffffff !important; /* Morado Chicas en Tecnología */
color: #5b0099 !important; /* Forzamos blanco puro */
text-decoration: none !important;
transform: translate(2px, 2px) !important;
box-shadow: 2px 2px 0px #0b1325 !important;
border-radius: 16px !important; /* Evitamos que se vuelva cuadrado en hover */
}
/* --- 3. Supporters Section - Limpio y claro --- */
.supporters {
padding: 40px 0;
background-color: #ffffff;
border-top: var(--border-width) solid var(--dark-text);
border-bottom: var(--border-width) solid var(--dark-text);
}
.supporters-logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
}
.supporters-logos img {
max-height: 55px;
/*filter: grayscale(100%) contrast(0);
opacity: 0.6;*/
transition: all 0.3s ease;
}
.supporters-logos img:hover {
filter: none;
opacity: 1;
transform: scale(1.1);
}
.supporters-logos p {
font-weight: 600;
color: #666;
font-size: 1.1rem;
}
/* --- 4. Intro Section - Directo al grano --- */
.intro {
padding: 100px 0;
}
.intro h2 {
font-size: clamp(1.8rem, 4vw, 2.8rem);
max-width: 800px;
margin: 0 auto 25px;
line-height: 1.4;
}
.intro p {
font-size: 1.2rem;
max-width: 700px;
margin: 0 auto;
}
/* --- 5. Offerings Section - Tarjetas con Estilo Flat --- */
.offerings {
background: none;
padding: 40px 0;
}
.offerings-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.offering-card {
background: #ffc800;
padding: 40px;
border-radius: var(--border-radius);
border: var(--border-width) solid var(--dark-text);
transition: all 0.2s ease-in-out;
box-shadow: 6px 6px 0 var(--accent-pink);
}
.offering-card:hover {
transform: translate(3px, 3px);
box-shadow: 3px 3px 0 var(--accent-pink);
}
.offering-card h3 {
font-size: 1.8rem;
margin-bottom: 20px;
color: #5b0099;
font-weight: 700;
}
.offering-card ul {
list-style: '✔ ';
padding-left: 25px;
}
.offering-card li {
margin-bottom: 10px;
font-size: 1.1rem;
}
/* --- 6. Program Details Section - Checklist Renovado --- */
/*.program-details {
padding: 100px 120px;
background-color: var(--light-bg);
}*/
.program-details {
display: flex;
align-items: center;
gap: 40px;
color: var(--dark-text);
padding: 60px 20px;
min-height: 90vh;
max-width: 100%;
margin: 0 auto;
background-color: #5b0099;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
background-size: 20px 20px;
padding: 60px 120px;
}
.program-details-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.program-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--border-radius);
border: var(--border-width) solid var(--dark-text);
}
.checklist {
list-style: none;
padding: 0;
}
.checklist li {
font-size: 1.2rem;
margin-bottom: 25px;
padding-left: 50px;
position: relative;
font-weight: 500;
}
.checklist li::before {
content: '🚀';
position: absolute;
left: 0;
font-size: 24px;
line-height: 1;
}
/* --- 7. Steps Section - Una línea de tiempo clara --- */
.steps {
background-color: var(--white);
padding: 100px 0;
}
.steps-list {
list-style: none;
max-width: 600px;
margin: 0 auto;
position: relative;
padding-left: 80px;
}
.steps-list::before {
content: '';
position: absolute;
left: 25px;
top: 10px;
bottom: 10px;
width: 3px;
background-color: #e5e7eb;
}
.steps-list li {
display: flex;
align-items: flex-start;
gap: 20px;
margin-bottom: 40px;
font-size: 1.2rem;
position: relative;
}
.steps-list span {
background: #ffc800;
color: #000000;
font-weight: 700;
font-size: 1.5rem;
border-radius: 50%;
min-width: 50px;
height: 50px;
display: flex
;
justify-content: center;
align-items: center;
border: var(--border-width) solid var(--dark-text);
position: absolute;
left: -80px;
top: 0;
}
.steps-list p {
padding-top: 10px;
}
.terms-container {
text-align: center;
margin-top: 60px;
}
.terms-link {
color: var(--dark-text);
text-decoration: none;
font-weight: 600;
font-size: 1.1rem;
padding: 5px;
background-image: linear-gradient(var(--accent-lime), var(--accent-lime));
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 100% 0px;
transition: background-size 0.3s;
}
.terms-link:hover {
background-size: 100% 100%;
color: var(--dark-text);
}
.form-section {
padding: 100px 0;
background-color: #ffc800;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
color: var(--white);
}
.form-title {
color: var(--white);
}
.form-section p {
font-size: 1.3rem;
margin-bottom: 40px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.form-embed {
background-color: var(--light-bg);
border: var(--border-width) solid var(--dark-text);
border-radius: var(--border-radius);
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
}
.form-placeholder {
color: var(--dark-text);
font-weight: 600;
font-size: 1.2rem;
}
/* --- 9. Animaciones y Responsividad --- */
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 900px) {
.hero {
flex-direction: column;
text-align: center;
min-height: auto;
padding: 80px 20px;
}
.hero-content {
order: 2;
text-align: center;
}
.hero-image {
order: 1;
width: 100%;
max-width: 400px;
margin-bottom: 40px;
}
.hero-logo {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px) {
.hero-logo {
padding: 20px!important;
}
.program-details {
display: flex;
align-items: center;
gap: 40px;
color: var(--dark-text);
min-height: 90vh;
max-width: 100%;
margin: 0 auto;
background-color: #5b0099;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
background-size: 20px 20px;
padding: 60px 20px!important;
}
.encontrar{
padding: 20px !important;;
}
.offerings-grid, .program-details-grid {
grid-template-columns: 1fr;
}
.program-details-grid {
text-align: center;
}
.checklist li {
padding-left: 40px;
text-align: left;
}
.checklist li::before {
left: 0;
}
.program-image-container {
order: -1;
margin-bottom: 30px;
}
.steps-list {
padding-left: 0;
}
.steps-list::before {
display: none;
}
.steps-list li {
gap: 15px;
align-items: center;
}
.steps-list span {
position: static;
}
.steps-list p {
padding-top: 0;
}
}
/* --- Estilos para la lista con íconos modernos --- */
/* Contenedor de la lista (ul) */
.checklist {
list-style-type: none; /* Elimina las viñetas por defecto */
padding-left: 0; /* Elimina el espacio que dejan las viñetas */
margin: 0;
}
/* Cada elemento de la lista (li) */
.checklist li {
position: relative; /* Necesario para posicionar el ícono */
padding-left: 35px; /* Crea espacio a la izquierda para el ícono */
margin-bottom: 15px; /* Espacio entre los elementos de la lista */
line-height: 1.5; /* Mejora la legibilidad */
/* El color ya lo tienes en línea, pero podrías ponerlo aquí: color: #ffffff; */
}
/* El pseudo-elemento que crea el ícono */
.checklist li::before {
content: ''; /* Obligatorio para que se muestre el pseudo-elemento */
position: absolute;
left: 0;
top: 2px; /* Ajusta la posición vertical del ícono */
/* El ícono SVG como fondo */
width: 24px; /* Ancho del ícono */
height: 24px; /* Alto del ícono */
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.hero3 {
display: flex
;
align-items: center;
gap: 40px;
color: var(--dark-text);
padding: 60px 20px;
max-width: 100%;
margin: 0 auto;
background-color: #5b0099;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
background-size: 20px 20px;
padding: 60px 0px;
}
.hero3-content {
flex: 1;
text-align: left;
}
.hero3-image {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.hero3-image img {
width: 100%;
height: 100%;
max-height: 70vh;
object-fit: cover;
border-radius: var(--border-radius);
border: var(--border-width) solid var(--dark-text);
box-shadow: 10px 10px 0px white;
transition: all 0.2s ease-in-out;
}
.hero3-image img:hover {
transform: translate(-4px, -4px);
box-shadow: 14px 14px 0px white;
}
.hero3-logo {
max-width: 430px;
margin-bottom: 30px;
}
.hero3 h1 {
font-size: clamp(2.5rem, 6vw, 3rem);
font-weight: 700;
line-height: 1.1;
margin-bottom: 40px;
text-shadow: none;
}
/* Media query para pantallas de celular (menos de 768px) */
@media (max-width: 768px) {
.hero {
display: flex;
flex-direction: column; /* Apila los elementos verticalmente */
}
.hero-content {
order: 1; /* El texto, logo y botón van primero */
}
.hero-image {
order: 2; /* La foto 'chicas3' se posiciona inmediatamente después del botón */
}
/* Media query para pantallas de celular (menos de 768px) */
@media (max-width: 768px) {
.hero {
display: flex;
flex-direction: column; /* Apila los elementos */
min-height: auto; /* Elimina el 90% de la pantalla de alto */
padding: 25px 20px; /* Reduce drásticamente el espacio arriba/abajo y a los costados */
gap: 40px; /* Reduce la distancia entre el bloque de texto y la foto */
}
.hero-content {
order: 1; /* Mantiene el texto y botón arriba */
text-align: center; /* Opcional: centra el texto para que quede mejor en pantallas chicas */
padding: 20px 14px;
}
.hero-image {
order: 2; /* Manda la foto abajo del botón */
width: 100%;
}
.hero-image img {
max-height: 40vh; /* Achica la altura máxima de la foto para que no ocupe tanto espacio */
}
.hero-logo {
max-width: 280px; /* Achica el logo en pantallas chicas */
margin: 0 auto 20px auto;
}
}
/* Forzar que las secciones principales y sus contenedores rompan el límite */
header.hero,
section.supporters,
section.intro,
section.offerings,
section.program-details,
section.steps,
section.hero3 {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Si querés que el FONDO ocupe todo, pero el TEXTO de adentro quede centrado y alineado */
.container {
width: 100% !important;
max-width: 1200px; /* Limita solo el contenido interior para que no se pegue a los bordes de pantallas gigantes */
margin: 0 auto !important;
padding: 0 20px; /* Margen interno de seguridad */
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1f8737b *//* Botón estilo amarillo personalizado */
.boton-hero1 .elementor-button {
/* Degradado amarillo (de más claro a más oscuro) */
background: linear-gradient(90deg, #FFD435 0%, #F5C103 100%) !important;
border-radius: 50px !important;
border: 2px solid rgba(255, 255, 255, 0.8) !important;
/* Sombra suave en tono amarillo/dorado */
box-shadow: 0 3px 7px rgba(245, 193, 3, 0.4) !important;
color: #3E0267 !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
}
/* Efecto Hover (al pasar el cursor - intensifica el brillo) */
.boton-hero1 .elementor-button:hover {
background: linear-gradient(90deg, #FFE066 0%, #FFD435 100%) !important;
transform: translateY(-2px);
box-shadow: 0 5px 10px rgba(245, 193, 3, 0.6) !important;
}
/* Efecto al hacer clic */
.boton-hero1 .elementor-button:active {
transform: translateY(1px);
box-shadow: 0 4px 8px rgba(245, 193, 3, 0.4) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4e4a907 *//* Botón estilo amarillo personalizado */
.boton-hero1 .elementor-button {
/* Degradado amarillo (de más claro a más oscuro) */
background: linear-gradient(90deg, #FFD435 0%, #F5C103 100%) !important;
border-radius: 50px !important;
border: 2px solid rgba(255, 255, 255, 0.8) !important;
/* Sombra suave en tono amarillo/dorado */
box-shadow: 0 3px 7px rgba(245, 193, 3, 0.4) !important;
color: #3E0267 !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
}
/* Efecto Hover (al pasar el cursor - intensifica el brillo) */
.boton-hero1 .elementor-button:hover {
background: linear-gradient(90deg, #FFE066 0%, #FFD435 100%) !important;
transform: translateY(-2px);
box-shadow: 0 5px 10px rgba(245, 193, 3, 0.6) !important;
}
/* Efecto al hacer clic */
.boton-hero1 .elementor-button:active {
transform: translateY(1px);
box-shadow: 0 4px 8px rgba(245, 193, 3, 0.4) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c7e2dd *//* --- TEMA MODERNO Y JUVENIL - VERSIÓN FINAL --- */
/* Por: Tu Asistente de IA */
/* Inspiración: Flat 2.0, Neobrutalismo, Diseño Tech Vibrante */
/* --- 1. Variables Globales y Estilos Base --- */
:root {
--primary-blue: #0052FF; /* Azul eléctrico vibrante */
--accent-lime: #BEF264; /* Verde lima/neón como acento principal */
--accent-pink: #EC4899; /* Rosa fuerte para detalles */
--dark-text: #111827; /* Casi negro para máxima legibilidad */
--light-bg: #F9FAFB; /* Un gris muy, muy claro para fondos limpios */
--white: #ffffff;
--font-family: 'Poppins', sans-serif;
--border-radius: 12px; /* Un radio de borde consistente */
--border-width: 2px; /* Grosor de borde para el estilo "chunky" */
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--font-family);
color: var(--dark-text);
line-height: 1.7;
background-color: var(--white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.container {
/* max-width: 1100px;*/
margin: 0 auto;
padding: 0 20px;
}
.encontrar{
padding:40px 120px;
}
.section-title {
font-size: clamp(2rem, 5vw, 3.5rem); /* Tipografía responsiva! */
font-weight: 700;
text-align: center;
color: var(--dark-text);
margin-bottom: 60px;
line-height: 1.2;
}
.text-center {
text-align: center;
}
/* --- 2. Hero Section - DISEÑO SPLIT AMARILLO + PATRÓN + IMAGEN --- */
.hero {
display: flex
;
align-items: center;
gap: 40px;
color: var(--dark-text);
padding: 60px 20px;
min-height: 90vh;
max-width: 100%;
margin: 0 auto;
background-color: #ffc800;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
background-size: 20px 20px;
padding: 60px 120px;
}
.hero-content {
flex: 1;
text-align: left;
}
.hero-image {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.hero-image img {
width: 100%;
height: 100%;
max-height: 70vh;
object-fit: cover;
border-radius: var(--border-radius);
border: var(--border-width) solid var(--dark-text);
box-shadow: 10px 10px 0px white;
transition: all 0.2s ease-in-out;
}
.hero-image img:hover {
transform: translate(-4px, -4px);
box-shadow: 14px 14px 0px white;
}
.hero-logo {
max-width: 430px;
margin-bottom: 30px;
}
.hero h1 {
font-size: clamp(2.5rem, 6vw, 3rem);
font-weight: 700;
line-height: 1.1;
margin-bottom: 40px;
text-shadow: none;
}
.hero2 {
display: flex
;
align-items: center;
gap: 40px;
color: var(--dark-text);
padding: 60px 20px;
max-width: 100%;
margin: 0 auto;
background-color: #5b0099;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
background-size: 20px 20px;
padding: 60px 120px;
}
.hero2-content {
flex: 1;
text-align: left;
}
.hero2-image {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.hero2-image img {
width: 100%;
height: 100%;
max-height: 70vh;
object-fit: cover;
border-radius: var(--border-radius);
border: var(--border-width) solid var(--dark-text);
box-shadow: 10px 10px 0px white;
transition: all 0.2s ease-in-out;
}
.hero2-image img:hover {
transform: translate(-4px, -4px);
box-shadow: 14px 14px 0px white;
}
.hero2-logo {
max-width: 430px;
margin-bottom: 30px;
}
.hero2 h1 {
font-size: clamp(2.5rem, 6vw, 3rem);
font-weight: 700;
line-height: 1.1;
margin-bottom: 40px;
text-shadow: none;
}
/* BOTÓN */
/* ESTADO NORMAL - Fuerza bordes redondeados y sombra */
html body .hero-content a.cta-button,
html body a.cta-button {
background-color: #5b0099 !important; /* Tu color oscuro de fondo */
color: #ffffff !important; /* Texto blanco */
padding: 18px 40px !important;
border-radius: 16px !important; /* Forzamos los bordes redondeados en px */
text-decoration: none !important;
font-weight: 600 !important;
font-size: 1.2rem !important;
display: inline-block !important;
border: 3px solid #0b1325 !important; /* Grosor fijo */
box-shadow: 4px 4px 0px #0052ff !important; /* Tu azul neobrutalista */
transition: all 0.2s ease-in-out !important;
}
/* ESTADO HOVER - Fuerza texto blanco y fondo morado */
html body .hero-content a.cta-button:hover,
html body a.cta-button:hover {
background-color: #ffffff !important; /* Morado Chicas en Tecnología */
color: #5b0099 !important; /* Forzamos blanco puro */
text-decoration: none !important;
transform: translate(2px, 2px) !important;
box-shadow: 2px 2px 0px #0b1325 !important;
border-radius: 16px !important; /* Evitamos que se vuelva cuadrado en hover */
}
/* --- 3. Supporters Section - Limpio y claro --- */
.supporters {
padding: 40px 0;
background-color: #ffffff;
border-top: var(--border-width) solid var(--dark-text);
border-bottom: var(--border-width) solid var(--dark-text);
}
.supporters-logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
}
.supporters-logos img {
max-height: 55px;
/*filter: grayscale(100%) contrast(0);
opacity: 0.6;*/
transition: all 0.3s ease;
}
.supporters-logos img:hover {
filter: none;
opacity: 1;
transform: scale(1.1);
}
.supporters-logos p {
font-weight: 600;
color: #666;
font-size: 1.1rem;
}
/* --- 4. Intro Section - Directo al grano --- */
.intro {
padding: 100px 0;
}
.intro h2 {
font-size: clamp(1.8rem, 4vw, 2.8rem);
max-width: 800px;
margin: 0 auto 25px;
line-height: 1.4;
}
.intro p {
font-size: 1.2rem;
max-width: 700px;
margin: 0 auto;
}
/* --- 5. Offerings Section - Tarjetas con Estilo Flat --- */
.offerings {
background: none;
padding: 40px 0;
}
.offerings-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.offering-card {
background: #ffc800;
padding: 40px;
border-radius: var(--border-radius);
border: var(--border-width) solid var(--dark-text);
transition: all 0.2s ease-in-out;
box-shadow: 6px 6px 0 var(--accent-pink);
}
.offering-card:hover {
transform: translate(3px, 3px);
box-shadow: 3px 3px 0 var(--accent-pink);
}
.offering-card h3 {
font-size: 1.8rem;
margin-bottom: 20px;
color: #5b0099;
font-weight: 700;
}
.offering-card ul {
list-style: '✔ ';
padding-left: 25px;
}
.offering-card li {
margin-bottom: 10px;
font-size: 1.1rem;
}
/* --- 6. Program Details Section - Checklist Renovado --- */
/*.program-details {
padding: 100px 120px;
background-color: var(--light-bg);
}*/
.program-details {
display: flex;
align-items: center;
gap: 40px;
color: var(--dark-text);
padding: 60px 20px;
min-height: 90vh;
max-width: 100%;
margin: 0 auto;
background-color: #5b0099;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
background-size: 20px 20px;
padding: 60px 120px;
}
.program-details-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.program-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--border-radius);
border: var(--border-width) solid var(--dark-text);
}
.checklist {
list-style: none;
padding: 0;
}
.checklist li {
font-size: 1.2rem;
margin-bottom: 25px;
padding-left: 50px;
position: relative;
font-weight: 500;
}
.checklist li::before {
content: '🚀';
position: absolute;
left: 0;
font-size: 24px;
line-height: 1;
}
/* --- 7. Steps Section - Una línea de tiempo clara --- */
.steps {
background-color: var(--white);
padding: 100px 0;
}
.steps-list {
list-style: none;
max-width: 600px;
margin: 0 auto;
position: relative;
padding-left: 80px;
}
.steps-list::before {
content: '';
position: absolute;
left: 25px;
top: 10px;
bottom: 10px;
width: 3px;
background-color: #e5e7eb;
}
.steps-list li {
display: flex;
align-items: flex-start;
gap: 20px;
margin-bottom: 40px;
font-size: 1.2rem;
position: relative;
}
.steps-list span {
background: #ffc800;
color: #000000;
font-weight: 700;
font-size: 1.5rem;
border-radius: 50%;
min-width: 50px;
height: 50px;
display: flex
;
justify-content: center;
align-items: center;
border: var(--border-width) solid var(--dark-text);
position: absolute;
left: -80px;
top: 0;
}
.steps-list p {
padding-top: 10px;
}
.terms-container {
text-align: center;
margin-top: 60px;
}
.terms-link {
color: var(--dark-text);
text-decoration: none;
font-weight: 600;
font-size: 1.1rem;
padding: 5px;
background-image: linear-gradient(var(--accent-lime), var(--accent-lime));
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 100% 0px;
transition: background-size 0.3s;
}
.terms-link:hover {
background-size: 100% 100%;
color: var(--dark-text);
}
.form-section {
padding: 100px 0;
background-color: #ffc800;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
color: var(--white);
}
.form-title {
color: var(--white);
}
.form-section p {
font-size: 1.3rem;
margin-bottom: 40px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.form-embed {
background-color: var(--light-bg);
border: var(--border-width) solid var(--dark-text);
border-radius: var(--border-radius);
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
}
.form-placeholder {
color: var(--dark-text);
font-weight: 600;
font-size: 1.2rem;
}
/* --- 9. Animaciones y Responsividad --- */
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 900px) {
.hero {
flex-direction: column;
text-align: center;
min-height: auto;
padding: 80px 20px;
}
.hero-content {
order: 2;
text-align: center;
}
.hero-image {
order: 1;
width: 100%;
max-width: 400px;
margin-bottom: 40px;
}
.hero-logo {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px) {
.hero-logo {
padding: 20px!important;
}
.program-details {
display: flex;
align-items: center;
gap: 40px;
color: var(--dark-text);
min-height: 90vh;
max-width: 100%;
margin: 0 auto;
background-color: #5b0099;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
background-size: 20px 20px;
padding: 60px 20px!important;
}
.encontrar{
padding: 20px !important;;
}
.offerings-grid, .program-details-grid {
grid-template-columns: 1fr;
}
.program-details-grid {
text-align: center;
}
.checklist li {
padding-left: 40px;
text-align: left;
}
.checklist li::before {
left: 0;
}
.program-image-container {
order: -1;
margin-bottom: 30px;
}
.steps-list {
padding-left: 0;
}
.steps-list::before {
display: none;
}
.steps-list li {
gap: 15px;
align-items: center;
}
.steps-list span {
position: static;
}
.steps-list p {
padding-top: 0;
}
}
/* --- Estilos para la lista con íconos modernos --- */
/* Contenedor de la lista (ul) */
.checklist {
list-style-type: none; /* Elimina las viñetas por defecto */
padding-left: 0; /* Elimina el espacio que dejan las viñetas */
margin: 0;
}
/* Cada elemento de la lista (li) */
.checklist li {
position: relative; /* Necesario para posicionar el ícono */
padding-left: 35px; /* Crea espacio a la izquierda para el ícono */
margin-bottom: 15px; /* Espacio entre los elementos de la lista */
line-height: 1.5; /* Mejora la legibilidad */
/* El color ya lo tienes en línea, pero podrías ponerlo aquí: color: #ffffff; */
}
/* El pseudo-elemento que crea el ícono */
.checklist li::before {
content: ''; /* Obligatorio para que se muestre el pseudo-elemento */
position: absolute;
left: 0;
top: 2px; /* Ajusta la posición vertical del ícono */
/* El ícono SVG como fondo */
width: 24px; /* Ancho del ícono */
height: 24px; /* Alto del ícono */
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.hero3 {
display: flex
;
align-items: center;
gap: 40px;
color: var(--dark-text);
padding: 60px 20px;
max-width: 100%;
margin: 0 auto;
background-color: #5b0099;
background-image: radial-gradient(var(--dark-text) 1px, transparent 1px);
background-size: 20px 20px;
padding: 60px 0px;
}
.hero3-content {
flex: 1;
text-align: left;
}
.hero3-image {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.hero3-image img {
width: 100%;
height: 100%;
max-height: 70vh;
object-fit: cover;
border-radius: var(--border-radius);
border: var(--border-width) solid var(--dark-text);
box-shadow: 10px 10px 0px white;
transition: all 0.2s ease-in-out;
}
.hero3-image img:hover {
transform: translate(-4px, -4px);
box-shadow: 14px 14px 0px white;
}
.hero3-logo {
max-width: 430px;
margin-bottom: 30px;
}
.hero3 h1 {
font-size: clamp(2.5rem, 6vw, 3rem);
font-weight: 700;
line-height: 1.1;
margin-bottom: 40px;
text-shadow: none;
}
/* Media query para pantallas de celular (menos de 768px) */
@media (max-width: 768px) {
.hero {
display: flex;
flex-direction: column; /* Apila los elementos verticalmente */
}
.hero-content {
order: 1; /* El texto, logo y botón van primero */
}
.hero-image {
order: 2; /* La foto 'chicas3' se posiciona inmediatamente después del botón */
}
/* Media query para pantallas de celular (menos de 768px) */
@media (max-width: 768px) {
.hero {
display: flex;
flex-direction: column; /* Apila los elementos */
min-height: auto; /* Elimina el 90% de la pantalla de alto */
padding: 25px 20px; /* Reduce drásticamente el espacio arriba/abajo y a los costados */
gap: 40px; /* Reduce la distancia entre el bloque de texto y la foto */
}
.hero-content {
order: 1; /* Mantiene el texto y botón arriba */
text-align: center; /* Opcional: centra el texto para que quede mejor en pantallas chicas */
padding: 20px 14px;
}
.hero-image {
order: 2; /* Manda la foto abajo del botón */
width: 100%;
}
.hero-image img {
max-height: 40vh; /* Achica la altura máxima de la foto para que no ocupe tanto espacio */
}
.hero-logo {
max-width: 280px; /* Achica el logo en pantallas chicas */
margin: 0 auto 20px auto;
}
}
/* Forzar que las secciones principales y sus contenedores rompan el límite */
header.hero,
section.supporters,
section.intro,
section.offerings,
section.program-details,
section.steps,
section.hero3 {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Si querés que el FONDO ocupe todo, pero el TEXTO de adentro quede centrado y alineado */
.container {
width: 100% !important;
max-width: 1200px; /* Limita solo el contenido interior para que no se pegue a los bordes de pantallas gigantes */
margin: 0 auto !important;
padding: 0 20px; /* Margen interno de seguridad */
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b632fe5 *//* Fondo degradado vertical de transparente a violeta */
.fondovioleta {
background: linear-gradient(
180deg,
rgba(62, 2, 103, 0) 0%, /* Transparente arriba (0%) */
rgba(62, 2, 103, 1) 15%, /* Transición rápida a violeta total */
#3E0267 100% /* Violeta sólido al final */
) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9381707 *//* Botón estilo amarillo personalizado */
.boton-hero1 .elementor-button {
/* Degradado amarillo (de más claro a más oscuro) */
background: linear-gradient(90deg, #FFD435 0%, #F5C103 100%) !important;
border-radius: 50px !important;
border: 2px solid rgba(255, 255, 255, 0.8) !important;
/* Sombra suave en tono amarillo/dorado */
box-shadow: 0 3px 7px rgba(245, 193, 3, 0.4) !important;
color: #3E0267 !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
}
/* Efecto Hover (al pasar el cursor - intensifica el brillo) */
.boton-hero1 .elementor-button:hover {
background: linear-gradient(90deg, #FFE066 0%, #FFD435 100%) !important;
transform: translateY(-2px);
box-shadow: 0 5px 10px rgba(245, 193, 3, 0.6) !important;
}
/* Efecto al hacer clic */
.boton-hero1 .elementor-button:active {
transform: translateY(1px);
box-shadow: 0 4px 8px rgba(245, 193, 3, 0.4) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-41d1379 *//* Botón estilo amarillo personalizado */
.boton-hero1 .elementor-button {
/* Degradado amarillo (de más claro a más oscuro) */
background: linear-gradient(90deg, #FFD435 0%, #F5C103 100%) !important;
border-radius: 50px !important;
border: 2px solid rgba(255, 255, 255, 0.8) !important;
/* Sombra suave en tono amarillo/dorado */
box-shadow: 0 3px 7px rgba(245, 193, 3, 0.4) !important;
color: #3E0267 !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
}
/* Efecto Hover (al pasar el cursor - intensifica el brillo) */
.boton-hero1 .elementor-button:hover {
background: linear-gradient(90deg, #FFE066 0%, #FFD435 100%) !important;
transform: translateY(-2px);
box-shadow: 0 5px 10px rgba(245, 193, 3, 0.6) !important;
}
/* Efecto al hacer clic */
.boton-hero1 .elementor-button:active {
transform: translateY(1px);
box-shadow: 0 4px 8px rgba(245, 193, 3, 0.4) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff832d4 *//* Fondo degradado vertical de transparente a violeta */
.fondo2 {
background: linear-gradient(
180deg,
rgba(62, 2, 103, 0) 0%, /* Transparente arriba (0%) */
rgba(62, 2, 103, 1) 15%, /* Transición rápida a violeta total */
#5b0099
100% /* Violeta sólido al final */
) !important;
}/* End custom CSS */