.elementor-17 .elementor-element.elementor-element-93b2266:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-93b2266 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://contribuirc.cl/wp-content/uploads/2023/08/Copia-de-The-Westmire-A56-Headset.png");background-size:cover;}.elementor-17 .elementor-element.elementor-element-93b2266{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 163px 0px;}.elementor-17 .elementor-element.elementor-element-93b2266 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-56626be .elementor-heading-title{color:#717171;font-family:"Poppins", Sans-serif;font-size:67px;font-weight:300;}.elementor-17 .elementor-element.elementor-element-56626be > .elementor-widget-container{margin:420px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-4ae0118{text-align:center;}.elementor-17 .elementor-element.elementor-element-4ae0118 > .elementor-widget-container{margin:200px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-717fbf7:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-717fbf7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://contribuirc.cl/wp-content/uploads/2023/08/Copia-de-The-Westmire-A56-Headset.png");background-size:cover;}.elementor-17 .elementor-element.elementor-element-717fbf7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 163px 0px;}.elementor-17 .elementor-element.elementor-element-717fbf7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-0f4eb5f{text-align:center;}.elementor-17 .elementor-element.elementor-element-0f4eb5f .elementor-heading-title{color:#717171;font-family:"Poppins", Sans-serif;font-size:67px;font-weight:300;}.elementor-17 .elementor-element.elementor-element-0f4eb5f > .elementor-widget-container{margin:200px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-a3894cb{text-align:center;}.elementor-17 .elementor-element.elementor-element-a3894cb > .elementor-widget-container{margin:200px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-fbe4f71:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-fbe4f71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8C657;}.elementor-17 .elementor-element.elementor-element-fbe4f71 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-fbe4f71{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 201px 0px;}.elementor-17 .elementor-element.elementor-element-9682f6b > .elementor-element-populated{margin:113px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-00ea415{text-align:center;}.elementor-17 .elementor-element.elementor-element-00ea415 .elementor-heading-title{color:#000000;font-family:"Englebert", Sans-serif;font-size:67px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-4b30123{text-align:justify;color:#000000;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-17 .elementor-element.elementor-element-d44684d{text-align:justify;color:#000000;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-17 .elementor-element.elementor-element-0494f3d{text-align:center;top:0px;}.elementor-17 .elementor-element.elementor-element-0494f3d img{width:100%;border-radius:500px 500px 500px 500px;box-shadow:30px 29px 10px 0px rgba(0,0,0,0.5);}.elementor-17 .elementor-element.elementor-element-0494f3d > .elementor-widget-container{margin:171px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-0494f3d{left:94px;}body.rtl .elementor-17 .elementor-element.elementor-element-0494f3d{right:94px;}.elementor-17 .elementor-element.elementor-element-b80f720:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-b80f720 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8C657;}.elementor-17 .elementor-element.elementor-element-b80f720 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-b80f720{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 201px 0px;}.elementor-17 .elementor-element.elementor-element-f5e4c4b > .elementor-element-populated{margin:113px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-7d98e86{text-align:center;}.elementor-17 .elementor-element.elementor-element-7d98e86 .elementor-heading-title{color:#000000;font-family:"Englebert", Sans-serif;font-size:67px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-0b76130{text-align:justify;color:#000000;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-17 .elementor-element.elementor-element-3e7691d:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-3e7691d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8C657;}.elementor-17 .elementor-element.elementor-element-3e7691d > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-3e7691d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 201px 0px;}.elementor-17 .elementor-element.elementor-element-c996a5e > .elementor-element-populated{margin:113px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-2f7996b{text-align:justify;color:#000000;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-17 .elementor-element.elementor-element-008097f{text-align:center;}.elementor-17 .elementor-element.elementor-element-008097f img{width:100%;border-radius:500px 500px 500px 500px;box-shadow:30px 29px 10px 0px rgba(0,0,0,0.5);}.elementor-17 .elementor-element.elementor-element-008097f > .elementor-widget-container{margin:171px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-feaef20:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-feaef20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A9C9C;}.elementor-17 .elementor-element.elementor-element-feaef20{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 117px 0px;}.elementor-17 .elementor-element.elementor-element-feaef20 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-4857d6e img{width:90%;}.elementor-17 .elementor-element.elementor-element-4b7cdbf:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-4b7cdbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A9C9C;}.elementor-17 .elementor-element.elementor-element-4b7cdbf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 117px 0px;}.elementor-17 .elementor-element.elementor-element-4b7cdbf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-cd8a112{text-align:center;}.elementor-17 .elementor-element.elementor-element-cd8a112 .elementor-heading-title{color:#000000;font-family:"Englebert", Sans-serif;font-size:67px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-9ec6358 img{width:90%;}.elementor-17 .elementor-element.elementor-element-ec53ae1:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-ec53ae1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A9C9C;}.elementor-17 .elementor-element.elementor-element-ec53ae1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 117px 0px;}.elementor-17 .elementor-element.elementor-element-ec53ae1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-4ccfd9e img{width:90%;}.elementor-17 .elementor-element.elementor-element-9ba94c2 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-17 .elementor-element.elementor-element-9ba94c2:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-9ba94c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B6380;}.elementor-17 .elementor-element.elementor-element-9ba94c2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 132px 0px;}.elementor-17 .elementor-element.elementor-element-9ba94c2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-528f385c > .elementor-element-populated{border-style:solid;border-width:0px 1px 0px 0px;border-color:rgba(0,0,0,0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-528f385c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-5546ad73 .elementor-main-swiper .swiper-slide{padding:15px 15px 15px 15px;}.elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_inline .elementor-testimonial__footer,
					.elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_stacked .elementor-testimonial__footer{margin-top:28px;}.elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_above .elementor-testimonial__footer{margin-bottom:28px;}.elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_left .elementor-testimonial__footer{padding-right:28px;}.elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_right .elementor-testimonial__footer{padding-left:28px;}.elementor-17 .elementor-element.elementor-element-5546ad73 .elementor-testimonial__text{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;font-style:normal;}.elementor-17 .elementor-element.elementor-element-5546ad73 .elementor-testimonial__name{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;font-style:normal;}.elementor-17 .elementor-element.elementor-element-5546ad73 .elementor-testimonial__title{color:#bfbfbf;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;font-style:normal;}.elementor-17 .elementor-element.elementor-element-5546ad73 .elementor-testimonial__image img{width:300px;height:300px;border-radius:0px;}.elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_left .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_right .elementor-testimonial__content:after{top:calc( 20px + (300px / 2) - 8px );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-left .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (300px / 2) - 8px );right:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 body.rtl .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-right .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (300px / 2) - 8px );left:auto;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (300px / 2) - 8px );right:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (300px / 2) - 8px );left:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-left:0px;margin-right:0;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-right:0px;margin-left:0;}.elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_stacked .elementor-testimonial__image + cite,
					 .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_left .elementor-testimonial__image + cite,
					 .elementor-17 .elementor-element.elementor-element-5546ad73.elementor-testimonial--layout-image_right .elementor-testimonial__image + cite{margin-top:0px;}.elementor-17 .elementor-element.elementor-element-5546ad73 .elementor-swiper-button{font-size:20px;}.elementor-17 .elementor-element.elementor-element-5546ad73 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-171d657a > .elementor-element-populated, .elementor-17 .elementor-element.elementor-element-171d657a > .elementor-element-populated > .elementor-background-overlay, .elementor-17 .elementor-element.elementor-element-171d657a > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-171d657a > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-4f660d98 .elementor-main-swiper .swiper-slide{padding:15px 15px 15px 15px;}.elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_inline .elementor-testimonial__footer,
					.elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_stacked .elementor-testimonial__footer{margin-top:28px;}.elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_above .elementor-testimonial__footer{margin-bottom:28px;}.elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_left .elementor-testimonial__footer{padding-right:28px;}.elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_right .elementor-testimonial__footer{padding-left:28px;}.elementor-17 .elementor-element.elementor-element-4f660d98 .elementor-testimonial__text{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;font-style:normal;}.elementor-17 .elementor-element.elementor-element-4f660d98 .elementor-testimonial__name{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;font-style:normal;}.elementor-17 .elementor-element.elementor-element-4f660d98 .elementor-testimonial__title{color:#bfbfbf;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;font-style:normal;}.elementor-17 .elementor-element.elementor-element-4f660d98 .elementor-testimonial__image img{width:300px;height:300px;border-radius:0px;}.elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_left .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_right .elementor-testimonial__content:after{top:calc( 20px + (300px / 2) - 8px );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-left .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (300px / 2) - 8px );right:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 body.rtl .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-right .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (300px / 2) - 8px );left:auto;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (300px / 2) - 8px );right:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (300px / 2) - 8px );left:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-left:0px;margin-right:0;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-right:0px;margin-left:0;}.elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_stacked .elementor-testimonial__image + cite,
					 .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_left .elementor-testimonial__image + cite,
					 .elementor-17 .elementor-element.elementor-element-4f660d98.elementor-testimonial--layout-image_right .elementor-testimonial__image + cite{margin-top:0px;}.elementor-17 .elementor-element.elementor-element-4f660d98 .elementor-swiper-button{font-size:20px;}.elementor-17 .elementor-element.elementor-element-4f660d98 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-5d0aaae > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-17 .elementor-element.elementor-element-5d0aaae:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-5d0aaae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B6380;}.elementor-17 .elementor-element.elementor-element-5d0aaae{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 132px 0px;}.elementor-17 .elementor-element.elementor-element-5d0aaae > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-b5ef2d0 > .elementor-element-populated{border-style:solid;border-width:0px 1px 0px 0px;border-color:rgba(0,0,0,0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-b5ef2d0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-3d98eba .elementor-main-swiper .swiper-slide{padding:15px 15px 15px 15px;}.elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_inline .elementor-testimonial__footer,
					.elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_stacked .elementor-testimonial__footer{margin-top:28px;}.elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_above .elementor-testimonial__footer{margin-bottom:28px;}.elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_left .elementor-testimonial__footer{padding-right:28px;}.elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_right .elementor-testimonial__footer{padding-left:28px;}.elementor-17 .elementor-element.elementor-element-3d98eba .elementor-testimonial__text{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;font-style:normal;}.elementor-17 .elementor-element.elementor-element-3d98eba .elementor-testimonial__name{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;font-style:normal;}.elementor-17 .elementor-element.elementor-element-3d98eba .elementor-testimonial__title{color:#bfbfbf;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;font-style:normal;}.elementor-17 .elementor-element.elementor-element-3d98eba .elementor-testimonial__image img{width:300px;height:300px;border-radius:0px;}.elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_left .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_right .elementor-testimonial__content:after{top:calc( 20px + (300px / 2) - 8px );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-left .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (300px / 2) - 8px );right:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 body.rtl .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-right .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (300px / 2) - 8px );left:auto;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (300px / 2) - 8px );right:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (300px / 2) - 8px );left:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-left:0px;margin-right:0;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-right:0px;margin-left:0;}.elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_stacked .elementor-testimonial__image + cite,
					 .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_left .elementor-testimonial__image + cite,
					 .elementor-17 .elementor-element.elementor-element-3d98eba.elementor-testimonial--layout-image_right .elementor-testimonial__image + cite{margin-top:0px;}.elementor-17 .elementor-element.elementor-element-3d98eba .elementor-swiper-button{font-size:10px;}.elementor-17 .elementor-element.elementor-element-3d98eba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-3fa8b3c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-17 .elementor-element.elementor-element-3fa8b3c:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-3fa8b3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B6380;}.elementor-17 .elementor-element.elementor-element-3fa8b3c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 132px 0px;}.elementor-17 .elementor-element.elementor-element-3fa8b3c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-9e02a3d > .elementor-element-populated, .elementor-17 .elementor-element.elementor-element-9e02a3d > .elementor-element-populated > .elementor-background-overlay, .elementor-17 .elementor-element.elementor-element-9e02a3d > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-9e02a3d > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-184c223 .elementor-main-swiper .swiper-slide{padding:15px 15px 15px 15px;}.elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_inline .elementor-testimonial__footer,
					.elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_stacked .elementor-testimonial__footer{margin-top:28px;}.elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_above .elementor-testimonial__footer{margin-bottom:28px;}.elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_left .elementor-testimonial__footer{padding-right:28px;}.elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_right .elementor-testimonial__footer{padding-left:28px;}.elementor-17 .elementor-element.elementor-element-184c223 .elementor-testimonial__text{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;font-style:normal;}.elementor-17 .elementor-element.elementor-element-184c223 .elementor-testimonial__name{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;font-style:normal;}.elementor-17 .elementor-element.elementor-element-184c223 .elementor-testimonial__title{color:#bfbfbf;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;font-style:normal;}.elementor-17 .elementor-element.elementor-element-184c223 .elementor-testimonial__image img{width:300px;height:300px;border-radius:0px;}.elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_left .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_right .elementor-testimonial__content:after{top:calc( 20px + (300px / 2) - 8px );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-left .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (300px / 2) - 8px );right:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 body.rtl .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-right .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (300px / 2) - 8px );left:auto;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (300px / 2) - 8px );right:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after,
					 .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (300px / 2) - 8px );left:auto;}body.rtl .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-left:0px;margin-right:0;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__image + cite,
					 body:not(.rtl) .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite,
					 body.rtl .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-right:0px;margin-left:0;}.elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_stacked .elementor-testimonial__image + cite,
					 .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_left .elementor-testimonial__image + cite,
					 .elementor-17 .elementor-element.elementor-element-184c223.elementor-testimonial--layout-image_right .elementor-testimonial__image + cite{margin-top:0px;}.elementor-17 .elementor-element.elementor-element-184c223 .elementor-swiper-button{font-size:20px;}.elementor-17 .elementor-element.elementor-element-184c223 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-b68f9cd > .elementor-background-overlay{background-color:#CCCCCC;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-b68f9cd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17 .elementor-element.elementor-element-95bd3a0{text-align:center;}.elementor-17 .elementor-element.elementor-element-95bd3a0 .elementor-heading-title{color:#000000;font-family:"Englebert", Sans-serif;font-size:67px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-95bd3a0 > .elementor-widget-container{margin:7px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-e65260c img{width:78%;}.elementor-17 .elementor-element.elementor-element-e65260c > .elementor-widget-container{margin:39px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-8cf71c2 > .elementor-background-overlay{background-color:#CCCCCC;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-8cf71c2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17 .elementor-element.elementor-element-ab3dc1f{text-align:center;}.elementor-17 .elementor-element.elementor-element-ab3dc1f .elementor-heading-title{color:#000000;font-family:"Englebert", Sans-serif;font-size:67px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-7cacfa1 img{width:78%;}.elementor-17 .elementor-element.elementor-element-7cacfa1 > .elementor-widget-container{margin:39px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-2399c40 > .elementor-background-overlay{background-color:#CCCCCC;opacity:0.5;}.elementor-17 .elementor-element.elementor-element-9adeb80 img{width:78%;}.elementor-17 .elementor-element.elementor-element-9adeb80 > .elementor-widget-container{margin:39px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-4b3cdeb:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-4b3cdeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7C89AB;}.elementor-17 .elementor-element.elementor-element-4b3cdeb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:150px 0px 220px 0px;}.elementor-17 .elementor-element.elementor-element-4b3cdeb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-a05228d .elementor-heading-title{color:#FFFFFF;font-family:"Englebert", Sans-serif;font-size:50px;font-weight:300;}.elementor-17 .elementor-element.elementor-element-56cd7a1{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-56cd7a1 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-6ee754b{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-17 .elementor-element.elementor-element-6ee754b .elementor-widget-container{text-align:center;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-field-type-html{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:700;border-radius:34px 34px 34px 34px;padding:34px 34px 34px 34px;}.elementor-17 .elementor-element.elementor-element-9ecc688 .e-form__buttons__wrapper__button-next{background-color:#0E4C6C;color:#ffffff;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-button[type="submit"]{background-color:#0E4C6C;color:#ffffff;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-9ecc688 .e-form__buttons__wrapper__button-previous{background-color:#FFFFFF;color:#000000;}.elementor-17 .elementor-element.elementor-element-9ecc688 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-9ecc688 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-message{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:400;line-height:100px;word-spacing:0px;}.elementor-17 .elementor-element.elementor-element-9ecc688 .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-9ecc688{--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button{bottom:15px;right:15px;width:50px;height:50px;z-index:9999;opacity:0.7;background-color:#000000;border-radius:5px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button i{font-size:16px;color:#ffffff;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button svg{width:16px;height:16px;fill:#ffffff;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;scroll-padding:0px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-container{scroll-snap-align:start;scroll-snap-stop:normal;}@media(min-width:2400px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-container{scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:1440px){.elementor-17 .elementor-element.elementor-element-93b2266{margin-top:0%;margin-bottom:0%;padding:0px 0px 83px 0px;}.elementor-17 .elementor-element.elementor-element-717fbf7{margin-top:0%;margin-bottom:0%;padding:0px 0px 83px 0px;}.elementor-17 .elementor-element.elementor-element-4b30123{font-size:17px;}.elementor-17 .elementor-element.elementor-element-d44684d{font-size:17px;}.elementor-17 .elementor-element.elementor-element-0b76130{font-size:17px;}.elementor-17 .elementor-element.elementor-element-2f7996b{font-size:17px;}.elementor-17 .elementor-element.elementor-element-feaef20{margin-top:0%;margin-bottom:0%;padding:0px 0px 177px 0px;}.elementor-17 .elementor-element.elementor-element-4857d6e > .elementor-widget-container{margin:3% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-17 .elementor-element.elementor-element-4b7cdbf{margin-top:0%;margin-bottom:0%;padding:0px 0px 177px 0px;}.elementor-17 .elementor-element.elementor-element-9ec6358 > .elementor-widget-container{margin:3% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-17 .elementor-element.elementor-element-ec53ae1{margin-top:0%;margin-bottom:0%;padding:0px 0px 177px 0px;}.elementor-17 .elementor-element.elementor-element-4ccfd9e > .elementor-widget-container{margin:3% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-17 .elementor-element.elementor-element-9ba94c2{padding:0px 0px 137px 0px;}.elementor-17 .elementor-element.elementor-element-528f385c > .elementor-element-populated{margin:137px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-17 .elementor-element.elementor-element-171d657a > .elementor-element-populated{margin:137px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-17 .elementor-element.elementor-element-5d0aaae{padding:0px 0px 137px 0px;}.elementor-17 .elementor-element.elementor-element-b5ef2d0 > .elementor-element-populated{margin:137px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-17 .elementor-element.elementor-element-3fa8b3c{padding:0px 0px 137px 0px;}.elementor-17 .elementor-element.elementor-element-9e02a3d > .elementor-element-populated{margin:137px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-17 .elementor-element.elementor-element-e65260c > .elementor-widget-container{margin:3% 0% 0% 0%;padding:0% 0% 7% 0%;}.elementor-17 .elementor-element.elementor-element-7cacfa1 > .elementor-widget-container{margin:3% 0% 0% 0%;padding:0% 0% 7% 0%;}.elementor-17 .elementor-element.elementor-element-9adeb80 > .elementor-widget-container{margin:3% 0% 0% 0%;padding:0% 0% 7% 0%;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-container{scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:1200px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-container{scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-9ba94c2{padding:100px 25px 100px 25px;}.elementor-17 .elementor-element.elementor-element-5d0aaae{padding:100px 25px 100px 25px;}.elementor-17 .elementor-element.elementor-element-3fa8b3c{padding:100px 25px 100px 25px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-container{scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:880px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-container{scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-93b2266 > .elementor-container{max-width:500px;}.elementor-17 .elementor-element.elementor-element-93b2266{margin-top:0%;margin-bottom:0%;padding:0px 0px 347px 0px;}.elementor-17 .elementor-element.elementor-element-56626be .elementor-heading-title{font-size:42px;}.elementor-17 .elementor-element.elementor-element-56626be > .elementor-widget-container{margin:141px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-56626be{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-4ae0118 > .elementor-widget-container{margin:65px 0px 0px 0px;padding:0px 0px 14px 0px;}.elementor-17 .elementor-element.elementor-element-717fbf7 > .elementor-container{max-width:500px;}.elementor-17 .elementor-element.elementor-element-717fbf7{margin-top:0%;margin-bottom:0%;padding:0px 0px 79px 0px;}.elementor-17 .elementor-element.elementor-element-0f4eb5f .elementor-heading-title{font-size:42px;}.elementor-17 .elementor-element.elementor-element-0f4eb5f > .elementor-widget-container{margin:65px 0px 0px 0px;padding:0px 0px 14px 0px;}.elementor-17 .elementor-element.elementor-element-a3894cb > .elementor-widget-container{margin:65px 0px 0px 0px;padding:0px 0px 14px 0px;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-0494f3d{left:91px;}body.rtl .elementor-17 .elementor-element.elementor-element-0494f3d{right:91px;}.elementor-17 .elementor-element.elementor-element-0494f3d{top:2px;}.elementor-17 .elementor-element.elementor-element-b80f720{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-7d98e86 .elementor-heading-title{font-size:53px;}.elementor-17 .elementor-element.elementor-element-7d98e86 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-0b76130{font-size:14px;}.elementor-17 .elementor-element.elementor-element-0b76130 > .elementor-widget-container{margin:0px 20px 0px 20px;padding:47px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-c1c3a3b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-3e7691d{margin-top:0px;margin-bottom:0px;padding:0px 0px 87px 0px;}.elementor-17 .elementor-element.elementor-element-2f7996b{font-size:14px;}.elementor-17 .elementor-element.elementor-element-2f7996b > .elementor-widget-container{margin:-32px 20px 0px 20px;padding:0px 0px -7px 0px;}.elementor-17 .elementor-element.elementor-element-008097f img{width:79%;}.elementor-17 .elementor-element.elementor-element-008097f > .elementor-widget-container{margin:-8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-4b7cdbf{margin-top:0%;margin-bottom:0%;padding:0px 0px 38px 0px;}.elementor-17 .elementor-element.elementor-element-cd8a112 .elementor-heading-title{font-size:53px;}.elementor-17 .elementor-element.elementor-element-cd8a112 > .elementor-widget-container{margin:50px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-9ec6358 > .elementor-widget-container{margin:-25% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-17 .elementor-element.elementor-element-ec53ae1{margin-top:0%;margin-bottom:0%;padding:0px 0px 161px 0px;}.elementor-17 .elementor-element.elementor-element-4ccfd9e > .elementor-widget-container{margin:-7% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-17 .elementor-element.elementor-element-9ba94c2{padding:50px 20px 50px 20px;}.elementor-17 .elementor-element.elementor-element-5d0aaae{padding:50px 20px 50px 20px;}.elementor-17 .elementor-element.elementor-element-3d98eba > .elementor-widget-container{margin:-165px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-3fa8b3c{padding:50px 20px 50px 20px;}.elementor-17 .elementor-element.elementor-element-184c223 > .elementor-widget-container{margin:-165px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-ab3dc1f .elementor-heading-title{font-size:53px;}.elementor-17 .elementor-element.elementor-element-ab3dc1f > .elementor-widget-container{margin:50px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-7cacfa1 > .elementor-widget-container{margin:-12% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-17 .elementor-element.elementor-element-2399c40{margin-top:0px;margin-bottom:0px;padding:0px 0px 131px 0px;}.elementor-17 .elementor-element.elementor-element-9adeb80 > .elementor-widget-container{margin:10% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-container{scroll-snap-align:start;scroll-snap-stop:normal;}body{scroll-padding:0px;}}/* Start custom CSS for section, class: .elementor-element-fbe4f71 *//* Aplicar transparencia en la parte superior de la sección */
.seccion-transparente-arriba {
    position: relative;
}

.seccion-transparente-arriba::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura que deseas para la parte transparente en la parte superior */
    background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Cambia el color y la opacidad de fondo según tus preferencias */
}
Personaliza el código: Al igual que antes, puedes ajustar la altura de la sección transparente en la parte superior cambiando el valor de height y modificar el gradiente de fondo en la propiedad background según tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en la parte superior de la sección.

Siguiendo estos pasos, podrás aplicar un efecto de transparencia en la parte superior de una sección en Elementor utilizando CSS personalizado. Recuerda hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde fondo al final de la seccion sea transparente y se vea el fondo de la sección siguiente
ChatGPT
Para lograr que el fondo al final de una sección sea transparente y se vea el fondo de la sección siguiente en Elementor, puedes seguir estos pasos:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección de la que deseas hacer transparente el fondo al final para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia. Por ejemplo, puedes usar "seccion-transparente-fondo".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el fondo al final de la sección transparente */
.seccion-transparente-fondo {
    position: relative;
    z-index: 1;
    padding-bottom: 50px; /* Ajusta la altura de la zona transparente al final */
}

.seccion-transparente-fondo::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: transparent; /* Fondo transparente */
    z-index: -1;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en ambos lugares en el código. La altura debe ser igual en ambos lugares para que el efecto funcione correctamente.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en el fondo al final de la sección.

Con estos pasos, lograrás que el fondo al final de la sección sea transparente y se vea el fondo de la sección siguiente en Elementor. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde el final de una sección se ponga transparente y se pueda ver la sección siguiente por debajo
ChatGPT
Para hacer que el final de una sección en Elementor sea transparente y permita ver la sección siguiente por debajo, puedes seguir estos pasos:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de transparencia en la parte inferior para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia. Por ejemplo, puedes usar "seccion-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el final de la sección transparente */
.seccion-transparente {
    position: relative;
    z-index: 1;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Gradiente transparente al final */
    z-index: 2;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en ambos lugares en el código. Asegúrate de que el valor sea igual en ambos lugares para que el efecto funcione correctamente. También puedes modificar el gradiente de fondo en la propiedad background según tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en el final de la sección.

Con estos pasos, lograrás que el final de la sección en Elementor sea transparente y permita ver la sección siguiente por debajo. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
el fondo parece solido
ChatGPT
Mis disculpas por la confusión. Si deseas que el fondo de una sección en Elementor sea completamente transparente para que se pueda ver la sección siguiente por debajo, puedes utilizar el siguiente código CSS personalizado:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de fondo transparente para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de fondo transparente. Por ejemplo, puedes usar "seccion-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el fondo de la sección completamente transparente */
.seccion-transparente {
    background-color: transparent !important;
    padding-bottom: 0 !important;
}
Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de fondo completamente transparente en la sección.

Este código CSS eliminará el color de fondo de la sección y hará que sea completamente transparente, permitiendo que se vea la sección siguiente por debajo. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde el final de una sección sea transparente y permita ver el fondo
ChatGPT
Para crear un efecto de transparencia en el final de una sección en Elementor y permitir que se vea el fondo de la sección siguiente, puedes utilizar el siguiente código CSS personalizado:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de transparencia en la parte inferior para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia. Por ejemplo, puedes usar "seccion-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el fondo al final de la sección transparente */
.seccion-transparente {
    position: relative;
    z-index: 1;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Gradiente transparente al final */
    z-index: -1;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en ambos lugares en el código. Asegúrate de que el valor sea igual en ambos lugares para que el efecto funcione correctamente. También puedes modificar el gradiente de fondo en la propiedad background según tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en el fondo al final de la sección, lo que permitirá ver el fondo de la sección siguiente por debajo.

Con estos pasos, deberías lograr que el final de la sección sea transparente y permita que el fondo de la sección siguiente se muestre por debajo. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde el final de una sección la imagen sea transparente
ChatGPT
Si deseas que la imagen de fondo en el final de una sección en Elementor sea transparente, puedes utilizar el siguiente código CSS personalizado. Supongamos que la sección tiene una clase CSS llamada "seccion-transparente":

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de imagen de fondo transparente para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia a la imagen de fondo. Por ejemplo, puedes usar "seccion-imagen-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer la imagen de fondo al final de la sección transparente */
.seccion-imagen-transparente {
    position: relative;
    z-index: 1;
}

.seccion-imagen-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%; /* Ajusta la altura de la zona transparente al final */
    background-color: rgba(255, 255, 255, 0); /* Fondo de imagen transparente */
    z-index: 2;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en el código. Asegúrate de que el valor sea el 100% para cubrir toda la sección. Además, puedes modificar el color de fondo transparente en la propiedad background-color en función de tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de imagen de fondo transparente en el final de la sección.

Con estos pasos, lograrás que la imagen de fondo en el final de la sección sea transparente. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
background-color cambialo a rgb
ChatGPT
Claro, si deseas utilizar un fondo transparente con valores RGBA en lugar de RGB en tu imagen de fondo de Elementor, puedes modificar el código CSS de la siguiente manera:

css
Copy code
/* Hacer la imagen de fondo al final de la sección transparente con RGBA */
.seccion-imagen-transparente {
    position: relative;
    z-index: 1;
}

.seccion-imagen-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%; /* Ajusta la altura de la zona transparente al final */
    background-color: rgba(255, 255, 255, 0); /* Fondo de imagen transparente con RGBA (rojo, verde, azul, alfa) */
    z-index: 2;
}
En el código actualizado, rgba(255, 255, 255, 0) define un fondo transparente blanco. Puedes ajustar los valores de rojo, verde y azul (0-255) y el valor alfa (0-1) según tus preferencias. Un valor alfa de 0 hará que el fondo sea completamente transparente, mientras que un valor alfa de 1 hará que el fondo sea completamente opaco. Por ejemplo, rgba(255, 255, 255, 0.5) hará que el fondo sea semitransparente.

Asegúrate de guardar los cambios y actualizar la página en Elementor para ver el efecto de imagen de fondo transparente con los valores RGBA.




User
crea un custom css para elementor donde el final de una sección se ponga transparente y no blanco
ChatGPT
Si deseas hacer que el fondo al final de una sección en Elementor sea transparente, sin que sea blanco, puedes utilizar el siguiente código CSS personalizado:

css
Copy code
/* Hacer el final de la sección transparente */
.seccion-transparente {
    position: relative;
    z-index: 1;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); /* Fondo completamente transparente */
    z-index: 2;
}
En este código CSS, hemos configurado el fondo del final de la sección para que sea completamente transparente. El linear-gradient utiliza el valor RGBA (0, 0, 0, 0), que representa un color completamente transparente. Puedes ajustar la altura cambiando el valor de height en el código si es necesario.

Asegúrate de asignar la clase CSS "seccion-transparente" a la sección específica en Elementor a la que deseas aplicar este efecto.

Guarda los cambios y actualiza la página en Elementor para ver el efecto de fondo transparente al final de la sección sin que sea blanco.




User
crea un custom css para elementor donde el final de un fondo sea transparente y se pueda fusionar con el fondo de la siguiente sección 
ChatGPT
Para lograr que el fondo de una sección en Elementor sea transparente en su parte inferior y se fusione con el fondo de la siguiente sección, puedes usar el siguiente código CSS personalizado:

css
Copy code
/* Hacer que el fondo de la sección sea transparente en la parte inferior */
.seccion-transparente {
    position: relative;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: -50px; /* Ajusta la altura de la zona transparente al final */
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: transparent; /* Fondo transparente */
    z-index: 1;
}
En este código CSS:

.seccion-transparente es la clase CSS que debes asignar a la sección a la que deseas aplicar este efecto.

El seudoelemento ::after se coloca en la parte inferior de la sección y crea una zona transparente.

bottom: -50px establece la altura de la zona transparente. En este ejemplo, está configurado para ser de 50px, pero puedes ajustarlo según tus necesidades.

background: transparent hace que la zona sea completamente transparente.

Asegúrate de asignar la clase CSS "seccion-transparente" a la sección específica en Elementor a la que deseas aplicar este efecto.

Después de agregar este código CSS personalizado, guarda los cambios y actualiza la página en Elementor. Esto hará que el fondo de la sección sea transparente en la parte inferior y se fusione con el fondo de la siguiente sección./* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b80f720 *//* Aplicar transparencia en la parte superior de la sección */
.seccion-transparente-arriba {
    position: relative;
}

.seccion-transparente-arriba::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura que deseas para la parte transparente en la parte superior */
    background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Cambia el color y la opacidad de fondo según tus preferencias */
}
Personaliza el código: Al igual que antes, puedes ajustar la altura de la sección transparente en la parte superior cambiando el valor de height y modificar el gradiente de fondo en la propiedad background según tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en la parte superior de la sección.

Siguiendo estos pasos, podrás aplicar un efecto de transparencia en la parte superior de una sección en Elementor utilizando CSS personalizado. Recuerda hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde fondo al final de la seccion sea transparente y se vea el fondo de la sección siguiente
ChatGPT
Para lograr que el fondo al final de una sección sea transparente y se vea el fondo de la sección siguiente en Elementor, puedes seguir estos pasos:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección de la que deseas hacer transparente el fondo al final para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia. Por ejemplo, puedes usar "seccion-transparente-fondo".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el fondo al final de la sección transparente */
.seccion-transparente-fondo {
    position: relative;
    z-index: 1;
    padding-bottom: 50px; /* Ajusta la altura de la zona transparente al final */
}

.seccion-transparente-fondo::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: transparent; /* Fondo transparente */
    z-index: -1;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en ambos lugares en el código. La altura debe ser igual en ambos lugares para que el efecto funcione correctamente.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en el fondo al final de la sección.

Con estos pasos, lograrás que el fondo al final de la sección sea transparente y se vea el fondo de la sección siguiente en Elementor. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde el final de una sección se ponga transparente y se pueda ver la sección siguiente por debajo
ChatGPT
Para hacer que el final de una sección en Elementor sea transparente y permita ver la sección siguiente por debajo, puedes seguir estos pasos:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de transparencia en la parte inferior para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia. Por ejemplo, puedes usar "seccion-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el final de la sección transparente */
.seccion-transparente {
    position: relative;
    z-index: 1;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Gradiente transparente al final */
    z-index: 2;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en ambos lugares en el código. Asegúrate de que el valor sea igual en ambos lugares para que el efecto funcione correctamente. También puedes modificar el gradiente de fondo en la propiedad background según tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en el final de la sección.

Con estos pasos, lograrás que el final de la sección en Elementor sea transparente y permita ver la sección siguiente por debajo. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
el fondo parece solido
ChatGPT
Mis disculpas por la confusión. Si deseas que el fondo de una sección en Elementor sea completamente transparente para que se pueda ver la sección siguiente por debajo, puedes utilizar el siguiente código CSS personalizado:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de fondo transparente para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de fondo transparente. Por ejemplo, puedes usar "seccion-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el fondo de la sección completamente transparente */
.seccion-transparente {
    background-color: transparent !important;
    padding-bottom: 0 !important;
}
Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de fondo completamente transparente en la sección.

Este código CSS eliminará el color de fondo de la sección y hará que sea completamente transparente, permitiendo que se vea la sección siguiente por debajo. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde el final de una sección sea transparente y permita ver el fondo
ChatGPT
Para crear un efecto de transparencia en el final de una sección en Elementor y permitir que se vea el fondo de la sección siguiente, puedes utilizar el siguiente código CSS personalizado:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de transparencia en la parte inferior para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia. Por ejemplo, puedes usar "seccion-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el fondo al final de la sección transparente */
.seccion-transparente {
    position: relative;
    z-index: 1;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Gradiente transparente al final */
    z-index: -1;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en ambos lugares en el código. Asegúrate de que el valor sea igual en ambos lugares para que el efecto funcione correctamente. También puedes modificar el gradiente de fondo en la propiedad background según tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en el fondo al final de la sección, lo que permitirá ver el fondo de la sección siguiente por debajo.

Con estos pasos, deberías lograr que el final de la sección sea transparente y permita que el fondo de la sección siguiente se muestre por debajo. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde el final de una sección la imagen sea transparente
ChatGPT
Si deseas que la imagen de fondo en el final de una sección en Elementor sea transparente, puedes utilizar el siguiente código CSS personalizado. Supongamos que la sección tiene una clase CSS llamada "seccion-transparente":

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de imagen de fondo transparente para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia a la imagen de fondo. Por ejemplo, puedes usar "seccion-imagen-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer la imagen de fondo al final de la sección transparente */
.seccion-imagen-transparente {
    position: relative;
    z-index: 1;
}

.seccion-imagen-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%; /* Ajusta la altura de la zona transparente al final */
    background-color: rgba(255, 255, 255, 0); /* Fondo de imagen transparente */
    z-index: 2;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en el código. Asegúrate de que el valor sea el 100% para cubrir toda la sección. Además, puedes modificar el color de fondo transparente en la propiedad background-color en función de tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de imagen de fondo transparente en el final de la sección.

Con estos pasos, lograrás que la imagen de fondo en el final de la sección sea transparente. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
background-color cambialo a rgb
ChatGPT
Claro, si deseas utilizar un fondo transparente con valores RGBA en lugar de RGB en tu imagen de fondo de Elementor, puedes modificar el código CSS de la siguiente manera:

css
Copy code
/* Hacer la imagen de fondo al final de la sección transparente con RGBA */
.seccion-imagen-transparente {
    position: relative;
    z-index: 1;
}

.seccion-imagen-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%; /* Ajusta la altura de la zona transparente al final */
    background-color: rgba(255, 255, 255, 0); /* Fondo de imagen transparente con RGBA (rojo, verde, azul, alfa) */
    z-index: 2;
}
En el código actualizado, rgba(255, 255, 255, 0) define un fondo transparente blanco. Puedes ajustar los valores de rojo, verde y azul (0-255) y el valor alfa (0-1) según tus preferencias. Un valor alfa de 0 hará que el fondo sea completamente transparente, mientras que un valor alfa de 1 hará que el fondo sea completamente opaco. Por ejemplo, rgba(255, 255, 255, 0.5) hará que el fondo sea semitransparente.

Asegúrate de guardar los cambios y actualizar la página en Elementor para ver el efecto de imagen de fondo transparente con los valores RGBA.




User
crea un custom css para elementor donde el final de una sección se ponga transparente y no blanco
ChatGPT
Si deseas hacer que el fondo al final de una sección en Elementor sea transparente, sin que sea blanco, puedes utilizar el siguiente código CSS personalizado:

css
Copy code
/* Hacer el final de la sección transparente */
.seccion-transparente {
    position: relative;
    z-index: 1;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); /* Fondo completamente transparente */
    z-index: 2;
}
En este código CSS, hemos configurado el fondo del final de la sección para que sea completamente transparente. El linear-gradient utiliza el valor RGBA (0, 0, 0, 0), que representa un color completamente transparente. Puedes ajustar la altura cambiando el valor de height en el código si es necesario.

Asegúrate de asignar la clase CSS "seccion-transparente" a la sección específica en Elementor a la que deseas aplicar este efecto.

Guarda los cambios y actualiza la página en Elementor para ver el efecto de fondo transparente al final de la sección sin que sea blanco.




User
crea un custom css para elementor donde el final de un fondo sea transparente y se pueda fusionar con el fondo de la siguiente sección 
ChatGPT
Para lograr que el fondo de una sección en Elementor sea transparente en su parte inferior y se fusione con el fondo de la siguiente sección, puedes usar el siguiente código CSS personalizado:

css
Copy code
/* Hacer que el fondo de la sección sea transparente en la parte inferior */
.seccion-transparente {
    position: relative;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: -50px; /* Ajusta la altura de la zona transparente al final */
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: transparent; /* Fondo transparente */
    z-index: 1;
}
En este código CSS:

.seccion-transparente es la clase CSS que debes asignar a la sección a la que deseas aplicar este efecto.

El seudoelemento ::after se coloca en la parte inferior de la sección y crea una zona transparente.

bottom: -50px establece la altura de la zona transparente. En este ejemplo, está configurado para ser de 50px, pero puedes ajustarlo según tus necesidades.

background: transparent hace que la zona sea completamente transparente.

Asegúrate de asignar la clase CSS "seccion-transparente" a la sección específica en Elementor a la que deseas aplicar este efecto.

Después de agregar este código CSS personalizado, guarda los cambios y actualiza la página en Elementor. Esto hará que el fondo de la sección sea transparente en la parte inferior y se fusione con el fondo de la siguiente sección./* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3e7691d *//* Aplicar transparencia en la parte superior de la sección */
.seccion-transparente-arriba {
    position: relative;
}

.seccion-transparente-arriba::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura que deseas para la parte transparente en la parte superior */
    background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Cambia el color y la opacidad de fondo según tus preferencias */
}
Personaliza el código: Al igual que antes, puedes ajustar la altura de la sección transparente en la parte superior cambiando el valor de height y modificar el gradiente de fondo en la propiedad background según tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en la parte superior de la sección.

Siguiendo estos pasos, podrás aplicar un efecto de transparencia en la parte superior de una sección en Elementor utilizando CSS personalizado. Recuerda hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde fondo al final de la seccion sea transparente y se vea el fondo de la sección siguiente
ChatGPT
Para lograr que el fondo al final de una sección sea transparente y se vea el fondo de la sección siguiente en Elementor, puedes seguir estos pasos:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección de la que deseas hacer transparente el fondo al final para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia. Por ejemplo, puedes usar "seccion-transparente-fondo".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el fondo al final de la sección transparente */
.seccion-transparente-fondo {
    position: relative;
    z-index: 1;
    padding-bottom: 50px; /* Ajusta la altura de la zona transparente al final */
}

.seccion-transparente-fondo::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: transparent; /* Fondo transparente */
    z-index: -1;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en ambos lugares en el código. La altura debe ser igual en ambos lugares para que el efecto funcione correctamente.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en el fondo al final de la sección.

Con estos pasos, lograrás que el fondo al final de la sección sea transparente y se vea el fondo de la sección siguiente en Elementor. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde el final de una sección se ponga transparente y se pueda ver la sección siguiente por debajo
ChatGPT
Para hacer que el final de una sección en Elementor sea transparente y permita ver la sección siguiente por debajo, puedes seguir estos pasos:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de transparencia en la parte inferior para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia. Por ejemplo, puedes usar "seccion-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el final de la sección transparente */
.seccion-transparente {
    position: relative;
    z-index: 1;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Gradiente transparente al final */
    z-index: 2;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en ambos lugares en el código. Asegúrate de que el valor sea igual en ambos lugares para que el efecto funcione correctamente. También puedes modificar el gradiente de fondo en la propiedad background según tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en el final de la sección.

Con estos pasos, lograrás que el final de la sección en Elementor sea transparente y permita ver la sección siguiente por debajo. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
el fondo parece solido
ChatGPT
Mis disculpas por la confusión. Si deseas que el fondo de una sección en Elementor sea completamente transparente para que se pueda ver la sección siguiente por debajo, puedes utilizar el siguiente código CSS personalizado:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de fondo transparente para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de fondo transparente. Por ejemplo, puedes usar "seccion-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el fondo de la sección completamente transparente */
.seccion-transparente {
    background-color: transparent !important;
    padding-bottom: 0 !important;
}
Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de fondo completamente transparente en la sección.

Este código CSS eliminará el color de fondo de la sección y hará que sea completamente transparente, permitiendo que se vea la sección siguiente por debajo. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde el final de una sección sea transparente y permita ver el fondo
ChatGPT
Para crear un efecto de transparencia en el final de una sección en Elementor y permitir que se vea el fondo de la sección siguiente, puedes utilizar el siguiente código CSS personalizado:

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de transparencia en la parte inferior para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia. Por ejemplo, puedes usar "seccion-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer el fondo al final de la sección transparente */
.seccion-transparente {
    position: relative;
    z-index: 1;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Gradiente transparente al final */
    z-index: -1;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en ambos lugares en el código. Asegúrate de que el valor sea igual en ambos lugares para que el efecto funcione correctamente. También puedes modificar el gradiente de fondo en la propiedad background según tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de transparencia en el fondo al final de la sección, lo que permitirá ver el fondo de la sección siguiente por debajo.

Con estos pasos, deberías lograr que el final de la sección sea transparente y permita que el fondo de la sección siguiente se muestre por debajo. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
crea un custom css para elementor donde el final de una sección la imagen sea transparente
ChatGPT
Si deseas que la imagen de fondo en el final de una sección en Elementor sea transparente, puedes utilizar el siguiente código CSS personalizado. Supongamos que la sección tiene una clase CSS llamada "seccion-transparente":

Abre Elementor: Inicia sesión en tu sitio de WordPress y abre la página en la que deseas aplicar este efecto.

Edita la sección actual: Haz clic en la sección a la que deseas aplicar el efecto de imagen de fondo transparente para abrir el panel de edición de Elementor.

Abre la pestaña "Avanzado": En el panel de edición de Elementor, ve a la pestaña "Avanzado" para agregar el código CSS personalizado.

Agrega el CSS personalizado: En el campo de "Clase CSS", ingresa una clase personalizada que utilizarás para aplicar el efecto de transparencia a la imagen de fondo. Por ejemplo, puedes usar "seccion-imagen-transparente".

Agrega el siguiente código CSS: Luego, ve al área de administración de WordPress y dirígete a "Apariencia" > "Personalizar" > "CSS adicional" (o utiliza un plugin de CSS personalizado si lo prefieres) y agrega el siguiente código CSS:

css
Copy code
/* Hacer la imagen de fondo al final de la sección transparente */
.seccion-imagen-transparente {
    position: relative;
    z-index: 1;
}

.seccion-imagen-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%; /* Ajusta la altura de la zona transparente al final */
    background-color: rgba(255, 255, 255, 0); /* Fondo de imagen transparente */
    z-index: 2;
}
Personaliza el código: Puedes ajustar la altura de la zona transparente al final cambiando el valor de height en el código. Asegúrate de que el valor sea el 100% para cubrir toda la sección. Además, puedes modificar el color de fondo transparente en la propiedad background-color en función de tus preferencias.

Guarda los cambios: Después de agregar el código CSS personalizado, guarda los cambios en la personalización de tu tema o el plugin de CSS personalizado que estés utilizando.

Actualiza la página: Ve a la página en la que estás trabajando en Elementor y actualiza la página para ver el efecto de imagen de fondo transparente en el final de la sección.

Con estos pasos, lograrás que la imagen de fondo en el final de la sección sea transparente. Asegúrate de hacer copias de seguridad de tu sitio web y estar cómodo con la edición de CSS antes de realizar cambios importantes.




User
background-color cambialo a rgb
ChatGPT
Claro, si deseas utilizar un fondo transparente con valores RGBA en lugar de RGB en tu imagen de fondo de Elementor, puedes modificar el código CSS de la siguiente manera:

css
Copy code
/* Hacer la imagen de fondo al final de la sección transparente con RGBA */
.seccion-imagen-transparente {
    position: relative;
    z-index: 1;
}

.seccion-imagen-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%; /* Ajusta la altura de la zona transparente al final */
    background-color: rgba(255, 255, 255, 0); /* Fondo de imagen transparente con RGBA (rojo, verde, azul, alfa) */
    z-index: 2;
}
En el código actualizado, rgba(255, 255, 255, 0) define un fondo transparente blanco. Puedes ajustar los valores de rojo, verde y azul (0-255) y el valor alfa (0-1) según tus preferencias. Un valor alfa de 0 hará que el fondo sea completamente transparente, mientras que un valor alfa de 1 hará que el fondo sea completamente opaco. Por ejemplo, rgba(255, 255, 255, 0.5) hará que el fondo sea semitransparente.

Asegúrate de guardar los cambios y actualizar la página en Elementor para ver el efecto de imagen de fondo transparente con los valores RGBA.




User
crea un custom css para elementor donde el final de una sección se ponga transparente y no blanco
ChatGPT
Si deseas hacer que el fondo al final de una sección en Elementor sea transparente, sin que sea blanco, puedes utilizar el siguiente código CSS personalizado:

css
Copy code
/* Hacer el final de la sección transparente */
.seccion-transparente {
    position: relative;
    z-index: 1;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); /* Fondo completamente transparente */
    z-index: 2;
}
En este código CSS, hemos configurado el fondo del final de la sección para que sea completamente transparente. El linear-gradient utiliza el valor RGBA (0, 0, 0, 0), que representa un color completamente transparente. Puedes ajustar la altura cambiando el valor de height en el código si es necesario.

Asegúrate de asignar la clase CSS "seccion-transparente" a la sección específica en Elementor a la que deseas aplicar este efecto.

Guarda los cambios y actualiza la página en Elementor para ver el efecto de fondo transparente al final de la sección sin que sea blanco.




User
crea un custom css para elementor donde el final de un fondo sea transparente y se pueda fusionar con el fondo de la siguiente sección 
ChatGPT
Para lograr que el fondo de una sección en Elementor sea transparente en su parte inferior y se fusione con el fondo de la siguiente sección, puedes usar el siguiente código CSS personalizado:

css
Copy code
/* Hacer que el fondo de la sección sea transparente en la parte inferior */
.seccion-transparente {
    position: relative;
}

.seccion-transparente::after {
    content: "";
    position: absolute;
    bottom: -50px; /* Ajusta la altura de la zona transparente al final */
    left: 0;
    right: 0;
    height: 50px; /* Ajusta la altura de la zona transparente al final */
    background: transparent; /* Fondo transparente */
    z-index: 1;
}
En este código CSS:

.seccion-transparente es la clase CSS que debes asignar a la sección a la que deseas aplicar este efecto.

El seudoelemento ::after se coloca en la parte inferior de la sección y crea una zona transparente.

bottom: -50px establece la altura de la zona transparente. En este ejemplo, está configurado para ser de 50px, pero puedes ajustarlo según tus necesidades.

background: transparent hace que la zona sea completamente transparente.

Asegúrate de asignar la clase CSS "seccion-transparente" a la sección específica en Elementor a la que deseas aplicar este efecto.

Después de agregar este código CSS personalizado, guarda los cambios y actualiza la página en Elementor. Esto hará que el fondo de la sección sea transparente en la parte inferior y se fusione con el fondo de la siguiente sección./* End custom CSS */