.elementor-7 .elementor-element.elementor-element-cd702e6{--display:flex;--min-height:617px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;}.elementor-7 .elementor-element.elementor-element-cd702e6:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-cd702e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yourwayclean.com/wp-content/uploads/2026/08/Camiseta-Blanca-Bordada-3-scaled.png");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-7 .elementor-element.elementor-element-cd702e6::before, .elementor-7 .elementor-element.elementor-element-cd702e6 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-cd702e6 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-cd702e6 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-cd702e6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-cd702e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(70deg, var( --e-global-color-astglobalcolor4 ) 48%, #F2295B00 69%);}.elementor-7 .elementor-element.elementor-element-67412e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-56fb12a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:64px;font-weight:600;color:#224486;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-6c85ef3{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:500;}.elementor-7 .elementor-element.elementor-element-23cb270{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-104c8ed.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-104c8ed .elementor-button{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:500;}.elementor-7 .elementor-element.elementor-element-c94687e .elementor-button{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:500;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-0541add .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-0541add .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-0541add{--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-0541add .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7 .elementor-element.elementor-element-0541add .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-0541add .elementor-icon-list-text{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-5163a58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-e6ebd6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-2a942f7{--display:flex;}.elementor-7 .elementor-element.elementor-element-b3f41af .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-accent );}.elementor-7 .elementor-element.elementor-element-448afc5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:55px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-677abd7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-72e94e0 .elementor-icon-box-wrapper{gap:15px;}.elementor-7 .elementor-element.elementor-element-72e94e0 .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-72e94e0 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-72e94e0 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-d57333a .elementor-icon-box-wrapper{gap:15px;}.elementor-7 .elementor-element.elementor-element-d57333a .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-d57333a .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-d57333a .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-d162e92 .elementor-icon-box-wrapper{gap:15px;}.elementor-7 .elementor-element.elementor-element-d162e92 .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-d162e92 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-d162e92 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-2c45bcd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-2c45bcd:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-2c45bcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B4AFAF;}.elementor-7 .elementor-element.elementor-element-7c6fd9c{--display:flex;}.elementor-7 .elementor-element.elementor-element-28d726f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-7 .elementor-element.elementor-element-89f087e{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-57ea00e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-57ea00e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-57ea00e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-57ea00e .elementor-icon-list-text{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-5cae4de{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-be8f0c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-c25b3cf{--display:flex;}.elementor-7 .elementor-element.elementor-element-10691cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-6d42d58{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-7736952 .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-4ba206e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-4ba206e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-4ba206e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-4ba206e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7 .elementor-element.elementor-element-4ba206e .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-7 .elementor-element.elementor-element-4ba206e .elementor-icon-list-text{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-03a172a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7 .elementor-element.elementor-element-fd98c02{--display:flex;}.elementor-7 .elementor-element.elementor-element-c602c79 .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-35e9c86 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-35e9c86 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-35e9c86{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-35e9c86 .elementor-icon-list-text{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-b0868ae .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7 .elementor-element.elementor-element-cad8918{--display:flex;}.elementor-7 .elementor-element.elementor-element-e117cbf .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-b8c6d6e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-b8c6d6e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-b8c6d6e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-b8c6d6e .elementor-icon-list-text{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-832eee2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7 .elementor-element.elementor-element-ed4a953{--display:flex;}.elementor-7 .elementor-element.elementor-element-cdc7fd5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-7 .elementor-element.elementor-element-8e52161 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-8e52161 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-8e52161{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-8e52161 .elementor-icon-list-text{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-2214d41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-23c1326{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-429ff9a{--display:flex;}.elementor-7 .elementor-element.elementor-element-429ff9a.e-con{--order:-99999 /* order start hack */;}.elementor-7 .elementor-element.elementor-element-9d9e90e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-9d9e90e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-9d9e90e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-9d9e90e .elementor-icon-list-text{transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-86773cc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7 .elementor-element.elementor-element-7281203{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-6f0ca5c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7 .elementor-element.elementor-element-a3a0695 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-a3a0695 .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-a3a0695 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-b7e455a .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-41023f1 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-2a9c390 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-3845f1f .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-051c4f3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-6850331 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-6850331 .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-6850331 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-da943d2 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-fa76b15 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-7 .elementor-element.elementor-element-1153ee0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7 .elementor-element.elementor-element-1a9f64e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-b7cd853{--display:flex;--min-height:253px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-fbd3dd8{--display:flex;}.elementor-7 .elementor-element.elementor-element-c8406e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-a97340c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7 .elementor-element.elementor-element-335c962 .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-5359f9b{text-align:center;}.elementor-7 .elementor-element.elementor-element-84fb962{--display:flex;--min-height:149px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-003d6ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-003d6ab:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-003d6ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yourwayclean.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-04-at-15.44.09-1.jpeg");}.elementor-7 .elementor-element.elementor-element-003d6ab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-3065798{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-7ade9eb{--display:flex;}.elementor-7 .elementor-element.elementor-element-ba250af{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-7e18815{--display:flex;}.elementor-7 .elementor-element.elementor-element-433025a .elementor-icon-wrapper{text-align:center;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-9cbb42d{--display:flex;}.elementor-7 .elementor-element.elementor-element-139f25e .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-54d0bf7{--display:flex;}.elementor-7 .elementor-element.elementor-element-d8ee5ea .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-92a7c18{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-df4e580 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-7 .elementor-element.elementor-element-df4e580 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-7 .elementor-element.elementor-element-df4e580 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-7 .elementor-element.elementor-element-df4e580 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-7 .elementor-element.elementor-element-df4e580 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-7 .elementor-element.elementor-element-df4e580 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-7 .elementor-element.elementor-element-df4e580 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-7 .elementor-element.elementor-element-df4e580 .elementor-field-type-html{padding-bottom:0px;}.elementor-7 .elementor-element.elementor-element-df4e580 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-7 .elementor-element.elementor-element-df4e580 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-7 .elementor-element.elementor-element-df4e580 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-df4e580 .elementor-button[type="submit"]{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-df4e580 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-df4e580 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-df4e580 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-df4e580 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-df4e580 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-df4e580 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-df4e580{--e-form-steps-indicators-spacing:20px;--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;}.elementor-7 .elementor-element.elementor-element-b201397{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-9beeb14 .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-ba250af{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-cd702e6:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-cd702e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yourwayclean.com/wp-content/uploads/2026/08/ChatGPT-Image-31-ago-2026-10_57_07.png");background-position:-800px -8px;background-size:cover;}.elementor-7 .elementor-element.elementor-element-6c85ef3{font-size:25px;}.elementor-7 .elementor-element.elementor-element-6c85ef3 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-0541add .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7 .elementor-element.elementor-element-0541add .elementor-icon-list-item > a{font-size:20px;}.elementor-7 .elementor-element.elementor-element-448afc5 .elementor-heading-title{font-size:39px;}.elementor-7 .elementor-element.elementor-element-ba250af{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-cd702e6{--width:100%;}.elementor-7 .elementor-element.elementor-element-67412e3{--width:50%;}.elementor-7 .elementor-element.elementor-element-5163a58{--width:34%;}.elementor-7 .elementor-element.elementor-element-e6ebd6c{--content-width:1339px;}.elementor-7 .elementor-element.elementor-element-2a942f7{--width:100%;}.elementor-7 .elementor-element.elementor-element-2c45bcd{--width:100%;}.elementor-7 .elementor-element.elementor-element-be8f0c2{--content-width:100%;}.elementor-7 .elementor-element.elementor-element-c25b3cf{--width:100%;}.elementor-7 .elementor-element.elementor-element-2214d41{--content-width:78%;}.elementor-7 .elementor-element.elementor-element-23c1326{--width:100%;}.elementor-7 .elementor-element.elementor-element-429ff9a{--width:53%;}.elementor-7 .elementor-element.elementor-element-1153ee0{--width:100%;}.elementor-7 .elementor-element.elementor-element-1a9f64e{--width:100%;}.elementor-7 .elementor-element.elementor-element-b7cd853{--width:50%;}.elementor-7 .elementor-element.elementor-element-c8406e5{--width:50%;}.elementor-7 .elementor-element.elementor-element-a97340c{--width:53%;}.elementor-7 .elementor-element.elementor-element-003d6ab{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-cd702e6 *//* ========================================================== YOUR WAY CLEANING HERO PREMIUM - EDITABLE DESDE ELEMENTOR ========================================================== */ /* ========================================================== FUENTES ========================================================== */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap'); /* ========================================================== 1. CONTENEDOR HERO ========================================================== */ .yw-hero { width: 100% !important; position: relative !important; min-height: 590px !important; box-sizing: border-box !important; overflow: hidden !important; background-color: #ffffff !important; border-bottom: 1px solid rgba(23, 63, 145, .055) !important; box-shadow: 0 15px 45px rgba(23, 63, 145, .035) !important; isolation: isolate !important; /* ====================================================== TAMAÑOS DE RESPALDO Elementor puede sobrescribirlos sin problema ====================================================== */ --yw-title-size: clamp(52px, 4vw, 66px); --yw-subtitle-size: 17px; --yw-button-size: 14px; --yw-feature-size: 13px; } /* Decoración superior izquierda */ .yw-hero::before { content: ""; position: absolute; width: 600px; height: 600px; left: -310px; top: -260px; border-radius: 50%; background: radial-gradient( circle, rgba(28, 174, 224, .055) 0%, rgba(28, 174, 224, 0) 72% ); z-index: 0; pointer-events: none; } /* ========================================================== 2. CONTENIDO ========================================================== */ .yw-hero > * { position: relative; z-index: 2; } /* ========================================================== 3. TÍTULO ========================================================== */ .yw-hero-title, .yw-hero-title .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .yw-hero-title { max-width: 680px !important; } /* IMPORTANTE: Usamos :where() para que estas reglas tengan una especificidad muy baja. Eso permite que Elementor pueda modificar: - tamaño - peso - line-height - letter spacing - tipografía */ :where( .yw-hero-title .elementor-heading-title, .yw-hero-title h1, .yw-hero-title h2, .yw-hero-title h3 ) { font-family: "Manrope", sans-serif; font-size: var(--yw-title-size); font-weight: 700; line-height: .99; letter-spacing: -2.4px; color: #173f91; margin: 0; padding: 0; } /* ========================================================== 4. TEXTO DEGRADADO "YOUR WAY" ========================================================== */ .yw-hero-title .yw-fade-text { display: inline-block !important; /* Hereda automáticamente el tamaño del título. Si cambias el título en Elementor, también cambia Your Way. */ font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; background: linear-gradient( 90deg, #18aee2 0%, #2bbce5 34%, #4ecb9e 65%, #70bd3e 100% ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; } /* ========================================================== 5. SUBTÍTULO ========================================================== */ .yw-hero-subtitle { max-width: 600px !important; margin-top: 27px !important; margin-bottom: 32px !important; } /* EDITABLE DESDE ELEMENTOR */ :where( .yw-hero-subtitle, .yw-hero-subtitle p, .yw-hero-subtitle .elementor-widget-container ) { font-family: "Inter", sans-serif; font-size: var(--yw-subtitle-size); font-weight: 400; line-height: 1.65; letter-spacing: -.1px; color: #505c68; } .yw-hero-subtitle p { margin-left: 0 !important; margin-right: 0 !important; } /* ========================================================== 6. CONTENEDOR DE BOTONES ========================================================== */ .yw-hero-buttons { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 13px !important; margin: 0 0 34px 0 !important; } /* ========================================================== 7. BOTÓN PRINCIPAL ========================================================== */ .yw-btn-primary .elementor-button { min-height: 52px !important; padding: 14px 29px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; background: linear-gradient( 90deg, #0872c7 0%, #0c91d7 48%, #17b8e7 100% ) !important; border: none !important; border-radius: 999px !important; box-shadow: 0 10px 25px rgba(10, 126, 201, .19) !important; transition: transform .22s ease, box-shadow .22s ease !important; } /* TIPOGRAFÍA EDITABLE */ :where( .yw-btn-primary .elementor-button ) { font-family: "Manrope", sans-serif; font-size: var(--yw-button-size); font-weight: 700; line-height: 1; letter-spacing: -.1px; } .yw-btn-primary .elementor-button:hover { transform: translateY(-2px) !important; box-shadow: 0 15px 30px rgba(10, 126, 201, .27) !important; } /* ========================================================== 8. BOTÓN SECUNDARIO ========================================================== */ .yw-btn-secondary .elementor-button { min-height: 52px !important; padding: 13px 28px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #173f91 !important; background: rgba(255, 255, 255, .86) !important; border: 1.5px solid #9eddf1 !important; border-radius: 999px !important; box-shadow: 0 6px 18px rgba(23, 63, 145, .035) !important; transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important; } /* TIPOGRAFÍA EDITABLE */ :where( .yw-btn-secondary .elementor-button ) { font-family: "Manrope", sans-serif; font-size: var(--yw-button-size); font-weight: 600; line-height: 1; } .yw-btn-secondary .elementor-button:hover { transform: translateY(-2px) !important; background: #ffffff !important; border-color: #23b1e2 !important; box-shadow: 0 10px 22px rgba(23, 63, 145, .075) !important; } /* ========================================================== 9. BENEFICIOS ========================================================== */ .yw-hero-features { width: fit-content !important; max-width: 100% !important; margin-top: 0 !important; padding: 8px 11px !important; background: rgba(255, 255, 255, .74) !important; border: 1px solid rgba(23, 63, 145, .065) !important; border-radius: 18px !important; box-shadow: 0 8px 26px rgba(23, 63, 145, .045) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .yw-hero-features .elementor-icon-list-items { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: wrap !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== 10. MINI BADGES ========================================================== */ .yw-hero-features .elementor-icon-list-item { display: flex !important; align-items: center !important; margin: 0 !important; padding: 7px 12px !important; background: rgba(249, 252, 252, .72) !important; border-radius: 999px !important; } .yw-hero-features .elementor-icon-list-item:not(:last-child) { margin-right: 1px !important; } /* ========================================================== 11. TEXTO BENEFICIOS ========================================================== */ /* TOTALMENTE EDITABLE DESDE ELEMENTOR */ :where( .yw-hero-features .elementor-icon-list-text ) { font-family: "Inter", sans-serif; font-size: var(--yw-feature-size); font-weight: 500; line-height: 1.2; color: #4d5865; } /* ========================================================== 12. ICONOS ========================================================== */ .yw-hero-features .elementor-icon-list-icon { margin-right: 7px !important; } .yw-hero-features .elementor-icon-list-icon i { font-size: 16px !important; } .yw-hero-features .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; } /* ========================================================== TRUSTED ========================================================== */ .yw-hero-features .elementor-icon-list-item:nth-child(1) .elementor-icon-list-icon i { color: #168fd1 !important; } .yw-hero-features .elementor-icon-list-item:nth-child(1) .elementor-icon-list-icon svg { fill: #168fd1 !important; } /* ========================================================== SATISFACTION ========================================================== */ .yw-hero-features .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon i { color: #60ba3d !important; } .yw-hero-features .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon svg { fill: #60ba3d !important; } /* ========================================================== ECO ========================================================== */ .yw-hero-features .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon i { color: #58b63d !important; } .yw-hero-features .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon svg { fill: #58b63d !important; } /* ========================================================== 13. TABLET ========================================================== */ @media (max-width: 1024px) { .yw-hero { min-height: 520px !important; /* Estos son solo valores de respaldo. Si configuras Tablet en Elementor, Elementor tendrá prioridad. */ --yw-title-size: 52px; --yw-subtitle-size: 16px; --yw-button-size: 14px; --yw-feature-size: 12.5px; } .yw-hero-title { max-width: 600px !important; } .yw-hero-subtitle { max-width: 540px !important; } } /* ========================================================== 14. MOBILE ========================================================== */ @media (max-width: 767px) { .yw-hero { min-height: auto !important; /* Valores de respaldo Mobile. Elementor puede reemplazarlos. */ --yw-title-size: 39px; --yw-subtitle-size: 15px; --yw-button-size: 14px; --yw-feature-size: 13px; } .yw-hero-title { max-width: 100% !important; } .yw-hero-subtitle { max-width: 100% !important; margin-top: 18px !important; margin-bottom: 24px !important; } .yw-hero-buttons { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; margin-bottom: 24px !important; } .yw-btn-primary, .yw-btn-secondary { width: 100% !important; } .yw-btn-primary .elementor-button, .yw-btn-secondary .elementor-button { width: 100% !important; justify-content: center !important; } .yw-hero-features { width: 100% !important; padding: 10px !important; border-radius: 18px !important; } .yw-hero-features .elementor-icon-list-items { flex-direction: column !important; align-items: stretch !important; gap: 5px !important; } .yw-hero-features .elementor-icon-list-item { width: 100% !important; padding: 8px 10px !important; box-sizing: border-box !important; } }/* ========================================================== YOUR WAY CLEANING HOME HERO - MOBILE FIX SOLO HERO / NO MODIFICA EL MENU ========================================================== */ @media (max-width: 359px) { /* ====================================================== HERO GENERAL ====================================================== */ .yw-hero { width: 100% !important; min-height: auto !important; padding: 34px 20px 28px !important; box-sizing: border-box !important; overflow: hidden !important; background-color: #ffffff !important; /* * La imagen queda más abajo para no competir * con el título y el texto. */ background-position: center bottom !important; background-repeat: no-repeat !important; background-size: 100% auto !important; } /* ====================================================== TITULO ====================================================== */ .yw-hero-title { width: 100% !important; max-width: 100% !important; margin: 0 0 20px !important; padding: 0 !important; } .yw-hero-title .elementor-heading-title, .yw-hero-title h1, .yw-hero-title h2, .yw-hero-title h3 { font-size: 43px !important; font-weight: 700 !important; line-height: 1.03 !important; letter-spacing: -1.3px !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; margin: 0 !important; padding: 0 !important; } /* YOUR WAY */ .yw-hero-title .yw-fade-text { font-size: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; white-space: normal !important; } /* ====================================================== SUBTITULO ====================================================== */ .yw-hero-subtitle { width: 100% !important; max-width: 100% !important; margin: 0 0 25px !important; padding: 0 !important; } .yw-hero-subtitle, .yw-hero-subtitle p, .yw-hero-subtitle .elementor-widget-container { font-size: 20px !important; line-height: 1.55 !important; letter-spacing: 0 !important; color: #4f5c68 !important; } .yw-hero-subtitle p { margin: 0 !important; max-width: 100% !important; } /* ====================================================== CREAR ESPACIO PARA LA FOTO ====================================================== */ .yw-hero-subtitle::after { content: ""; display: block; width: 100%; height: 210px; pointer-events: none; } /* ====================================================== BOTONES ====================================================== */ .yw-hero-buttons { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; margin: 0 0 28px !important; } .yw-btn-primary, .yw-btn-secondary { width: 100% !important; } .yw-btn-primary .elementor-button, .yw-btn-secondary .elementor-button { width: 100% !important; min-height: 52px !important; justify-content: center !important; font-size: 15px !important; } /* ====================================================== BENEFICIOS ====================================================== */ .yw-hero-features { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px !important; box-sizing: border-box !important; border-radius: 18px !important; background: rgba(255,255,255,.94) !important; } .yw-hero-features .elementor-icon-list-items { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 5px !important; } .yw-hero-features .elementor-icon-list-item { width: 100% !important; min-height: 42px !important; padding: 8px 10px !important; box-sizing: border-box !important; } .yw-hero-features .elementor-icon-list-text { font-size: line-height: 1.3 !important; } } /* ========================================================== PHONE PEQUEÑO ========================================================== */ @media (max-width: 480px) { .yw-hero { padding-left: 19px !important; padding-right: 19px !important; } .yw-hero-title .elementor-heading-title, .yw-hero-title h1, .yw-hero-title h2, .yw-hero-title h3 { font-size: 40px !important; line-height: 1.04 !important; letter-spacing: -1.1px !important; } .yw-hero-subtitle, .yw-hero-subtitle p, .yw-hero-subtitle .elementor-widget-container { font-size: 16px !important; } .yw-hero-subtitle::after { height: 195px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2a942f7 *//* ========================================================== YOUR WAY CLEANING HOW IT WORKS / PROCESS SECTION PREMIUM - TYPOGRAPHY 100% EDITABLE IN ELEMENTOR ========================================================== */ /* ========================================================== 1. GENERAL SECTION ========================================================== */ .yw-how-section { width: calc(100% - 28px) !important; max-width: 1480px !important; margin: 48px auto 72px !important; padding: 70px 55px 64px !important; position: relative !important; box-sizing: border-box !important; overflow: hidden !important; border-radius: 32px !important; border: 1px solid rgba(23, 63, 145, .07) !important; background: linear-gradient( 135deg, #ffffff 0%, #f9fcfd 48%, #f7faf4 100% ) !important; box-shadow: 0 18px 48px rgba(23, 63, 145, .05) !important; isolation: isolate !important; } /* ========================================================== DECORACIÓN SUPERIOR ========================================================== */ .yw-how-section::before { content: ""; position: absolute; width: 520px; height: 520px; right: -260px; top: -290px; border-radius: 50%; background: radial-gradient( circle, rgba(29, 174, 224, .075) 0%, rgba(29, 174, 224, 0) 72% ); pointer-events: none; z-index: 0; } /* ========================================================== DECORACIÓN INFERIOR ========================================================== */ .yw-how-section::after { content: ""; position: absolute; width: 450px; height: 450px; left: -240px; bottom: -280px; border-radius: 50%; background: radial-gradient( circle, rgba(100, 190, 62, .07) 0%, rgba(100, 190, 62, 0) 72% ); pointer-events: none; z-index: 0; } /* ========================================================== 2. INNER CONTAINER ========================================================== */ .yw-how-section > .e-con-inner, .yw-how-section > .elementor-container { width: 100% !important; max-width: 1260px !important; margin: 0 auto !important; position: relative !important; z-index: 2 !important; } /* ========================================================== 3. KICKER YOUR CLEANING, YOUR WAY ========================================================== */ .yw-how-kicker { margin: 0 0 14px 0 !important; text-align: center !important; } /* NO FONT-SIZE NO FONT-FAMILY NO FONT-WEIGHT NO LINE-HEIGHT TODO ESO LO CONTROLAS DESDE ELEMENTOR */ .yw-how-kicker .elementor-heading-title { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; margin: 0 !important; padding: 0 !important; color: #60b93e !important; text-transform: uppercase !important; } /* LÍNEAS DECORATIVAS */ .yw-how-kicker .elementor-heading-title::before, .yw-how-kicker .elementor-heading-title::after { content: ""; display: inline-block; width: 28px; height: 2px; border-radius: 50px; background: linear-gradient( 90deg, #20afe2, #66bd3e ); } .yw-how-kicker .elementor-heading-title::before { opacity: .55; } .yw-how-kicker .elementor-heading-title::after { opacity: 1; } /* ========================================================== 4. MAIN TITLE SIMPLE FROM START TO FINISH ========================================================== */ .yw-how-title { max-width: 800px !important; margin: 0 auto 48px !important; text-align: center !important; position: relative !important; } .yw-how-title .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #173f91 !important; } /* TYPOGRAPHY COMPLETELY EDITABLE FROM ELEMENTOR */ /* ========================================================== GRADIENT TEXT ========================================================== */ .yw-how-title .yw-how-accent { display: inline !important; background: linear-gradient( 90deg, #20afe1 0%, #30bddd 35%, #52c789 67%, #69bb3d 100% ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; font: inherit !important; } /* ========================================================== UNDERLINE TITLE ========================================================== */ .yw-how-title::after { content: ""; display: block; width: 72px; height: 5px; margin: 16px auto 0; border-radius: 50px; background: linear-gradient( 90deg, #20afe1, #65bd3e ); box-shadow: 0 5px 13px rgba(31, 174, 224, .12); } /* ========================================================== 5. STEPS PANEL ========================================================== */ .yw-how-steps { width: 100% !important; position: relative !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; justify-content: center !important; gap: 0 !important; padding: 40px 28px 34px !important; box-sizing: border-box !important; border-radius: 28px !important; border: 1px solid rgba(23, 63, 145, .075) !important; background: rgba(255, 255, 255, .94) !important; box-shadow: 0 16px 40px rgba(23, 63, 145, .065) !important; overflow: hidden !important; } /* ========================================================== TOP LIGHT ========================================================== */ .yw-how-steps::after { content: ""; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(28, 174, 224, .32), rgba(101, 189, 62, .28), transparent ); } /* ========================================================== 6. CONNECTION LINE ========================================================== */ .yw-how-steps::before { content: ""; position: absolute; top: 88px; left: 17%; right: 17%; height: 2px; border-radius: 100px; background: linear-gradient( 90deg, #187ec5 0%, #20afe0 50%, #67bd3e 100% ); opacity: .20 !important; z-index: 0 !important; } /* ========================================================== 7. EACH BOX ========================================================== */ .yw-how-box { flex: 1 1 0 !important; min-width: 0 !important; position: relative !important; z-index: 2 !important; padding: 10px 32px 18px !important; box-sizing: border-box !important; background: transparent !important; border: none !important; box-shadow: none !important; transition: transform .28s ease !important; } /* ========================================================== HOVER ========================================================== */ .yw-how-box:hover { transform: translateY(-5px) !important; } /* ========================================================== SEPARATORS ========================================================== */ .yw-how-box:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 18%; bottom: 12%; width: 1px; background: linear-gradient( to bottom, transparent, rgba(23, 63, 145, .08), transparent ); } /* ========================================================== 8. ICON BOX STRUCTURE ========================================================== */ .yw-how-box .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-align: center !important; } /* ========================================================== 9. ICON AREA ========================================================== */ .yw-how-box .elementor-icon-box-icon { position: relative !important; z-index: 4 !important; margin: 0 0 23px 0 !important; } /* ========================================================== ICON CIRCLE ========================================================== */ .yw-how-box .elementor-icon { width: 92px !important; height: 92px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative !important; border-radius: 50% !important; border: 6px solid #ffffff !important; background: linear-gradient( 145deg, #edf9fd 0%, #f2faed 100% ) !important; box-shadow: 0 9px 24px rgba(23, 63, 145, .10), 0 0 0 1px rgba(31, 174, 224, .13) !important; transition: transform .28s ease, box-shadow .28s ease !important; } /* ========================================================== ICON HOVER ========================================================== */ .yw-how-box:hover .elementor-icon { transform: scale(1.045) !important; box-shadow: 0 14px 30px rgba(23, 63, 145, .13), 0 0 0 1px rgba(31, 174, 224, .18) !important; } /* ========================================================== ICON SIZE ========================================================== */ .yw-how-box .elementor-icon i { font-size: 32px !important; } .yw-how-box .elementor-icon svg { width: 32px !important; height: 32px !important; } /* ========================================================== 10. ICON COLORS ========================================================== */ /* FREE QUOTE */ .yw-how-box:nth-child(1) .elementor-icon, .yw-how-box:nth-child(1) .elementor-icon i { color: #157fc5 !important; } .yw-how-box:nth-child(1) .elementor-icon svg { color: #157fc5 !important; fill: #157fc5 !important; } /* CLEAN */ .yw-how-box:nth-child(2) .elementor-icon, .yw-how-box:nth-child(2) .elementor-icon i { color: #1aadda !important; } .yw-how-box:nth-child(2) .elementor-icon svg { color: #1aadda !important; fill: #1aadda !important; } /* RELAX */ .yw-how-box:nth-child(3) .elementor-icon, .yw-how-box:nth-child(3) .elementor-icon i { color: #63b83d !important; } .yw-how-box:nth-child(3) .elementor-icon svg { color: #63b83d !important; fill: #63b83d !important; } /* ========================================================== 11. STEP NUMBER ========================================================== */ .yw-how-box::before { position: absolute; top: -2px; left: 50%; transform: translateX(28px); width: 29px; height: 29px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 4px solid #ffffff; color: #ffffff; background: #173f91; font-size: 10px; font-weight: 800; line-height: 1; box-shadow: 0 4px 12px rgba(23, 63, 145, .16); z-index: 7; } /* ========================================================== NUMBERS ========================================================== */ .yw-how-box:nth-child(1)::before { content: "01"; } .yw-how-box:nth-child(2)::before { content: "02"; background: #1aadda; } .yw-how-box:nth-child(3)::before { content: "03"; background: #63b83d; } /* ========================================================== 12. BOX TITLES FREE QUOTE / CLEAN / RELAX ========================================================== */ .yw-how-box .elementor-icon-box-title { margin: 0 0 10px 0 !important; padding: 0 !important; color: #173f91 !important; transition: transform .25s ease, color .25s ease !important; } /* IMPORTANT NO font-size NO font-family NO font-weight NO line-height NO letter-spacing YOU CONTROL ALL OF THAT IN ELEMENTOR */ .yw-how-box .elementor-icon-box-title span, .yw-how-box .elementor-icon-box-title a { color: inherit !important; text-decoration: none !important; } /* ========================================================== TITLE HOVER ========================================================== */ .yw-how-box:hover .elementor-icon-box-title { transform: translateY(-2px) !important; } /* ========================================================== OPTIONAL INDIVIDUAL TITLE COLORS ========================================================== */ /* FREE QUOTE */ .yw-how-box:nth-child(1) .elementor-icon-box-title { color: #173f91 !important; } /* CLEAN */ .yw-how-box:nth-child(2) .elementor-icon-box-title { color: #187aaa !important; } /* RELAX */ .yw-how-box:nth-child(3) .elementor-icon-box-title { color: #4f9f35 !important; } /* ========================================================== 13. BOX DESCRIPTION ========================================================== */ .yw-how-box .elementor-icon-box-description { max-width: 305px !important; margin: 0 auto !important; padding: 0 !important; color: #626f79 !important; } /* ALSO 100% EDITABLE IN ELEMENTOR NO font-size NO font-family NO font-weight NO line-height */ /* ========================================================== 14. TABLET ========================================================== */ @media (max-width: 1024px) { .yw-how-section { padding: 58px 28px 54px !important; } .yw-how-title { max-width: 700px !important; margin-bottom: 38px !important; } .yw-how-title::after { width: 64px; } .yw-how-steps { padding: 32px 16px 27px !important; } .yw-how-steps::before { top: 79px !important; } .yw-how-box { padding: 8px 18px 14px !important; } .yw-how-box .elementor-icon { width: 82px !important; height: 82px !important; } .yw-how-box .elementor-icon i { font-size: 28px !important; } .yw-how-box .elementor-icon svg { width: 28px !important; height: 28px !important; } .yw-how-box::before { width: 27px; height: 27px; transform: translateX(25px); } } /* ========================================================== 15. MOBILE ========================================================== */ @media (max-width: 767px) { .yw-how-section { width: calc(100% - 14px) !important; margin: 32px auto 46px !important; padding: 45px 17px 38px !important; border-radius: 25px !important; } /* KICKER LINES */ .yw-how-kicker .elementor-heading-title::before, .yw-how-kicker .elementor-heading-title::after { width: 26px; } /* TITLE */ .yw-how-title { width: 100% !important; margin-bottom: 28px !important; } .yw-how-title::after { width: 208px; height: 4px; margin-top: 13px; } /* STEPS */ .yw-how-steps { flex-direction: column !important; gap: 0 !important; padding: 10px 18px !important; border-radius: 23px !important; } /* REMOVE HORIZONTAL LINE */ .yw-how-steps::before { display: none !important; } /* BOX */ .yw-how-box { width: 100% !important; padding: 28px 8px !important; } /* SEPARATORS */ .yw-how-box:not(:last-child)::after { top: auto; bottom: 0; left: 12%; right: 12%; width: auto; height: 1px; background: linear-gradient( 90deg, transparent, rgba(23, 63, 145, .10), transparent ); } /* ICON */ .yw-how-box .elementor-icon { width: 82px !important; height: 82px !important; } .yw-how-box .elementor-icon i { font-size: 28px !important; } .yw-how-box .elementor-icon svg { width: 28px !important; height: 28px !important; } /* NUMBER */ .yw-how-box::before { transform: translateX(25px); } /* DESCRIPTION */ .yw-how-box .elementor-icon-box-description { max-width: 320px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-28d726f *//* ========================================================= ABOUT - TITULO ========================================================= */ .yw-about-title, .yw-about-title .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 48px !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -1.7px !important; color: #173f91 !important; margin: 0 0 22px 0 !important; padding: 0 !important; max-width: 570px !important; } /* CLEANING EXPERIENCE */ .yw-about-title .yw-about-accent { display: inline !important; background: linear-gradient( 90deg, #20afe3 0%, #35bfe4 30%, #53c77c 66%, #78bf3e 100% ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2c45bcd *//* ========================================================= YOUR WAY CLEANING - ABOUT SECTION ========================================================= */ .yw-about-card { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; padding: 55px 58px !important; gap: 55px !important; background: #f3f6ef !important; border: 1px solid #e3eadf !important; border-radius: 34px !important; box-shadow: 0 18px 45px rgba(23, 63, 145, 0.07) !important; overflow: hidden !important; box-sizing: border-box !important; } /* IZQUIERDA */ .yw-about-left { flex: 0 0 47% !important; width: 47% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 0 !important; } /* DERECHA */ .yw-about-right { flex: 0 0 53% !important; width: 53% !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; } /* WHO WE ARE */ .yw-about-kicker .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 2.2px !important; color: #5eb83d !important; text-transform: uppercase !important; margin-bottom: 15px !important; } .yw-about-kicker .elementor-heading-title::after { content: ""; display: inline-block; width: 20px; height: 2px; margin-left: 9px; vertical-align: middle; background: linear-gradient( 90deg, #1fb4e5, #63bd3e ); border-radius: 20px; } /* TITULO */ .yw-about-title .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 50px !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -1.7px !important; color: #173f91 !important; margin-bottom: 22px !important; } /* TEXTO */ .yw-about-text, .yw-about-text p, .yw-about-text .elementor-widget-container { font-family: "Inter", sans-serif !important; font-size: !important; font-weight: 400 !important; line-height: 1.7 !important; color: #59636f !important; } .yw-about-text { padding-bottom: 22px !important; margin-bottom: 22px !important; border-bottom: 1px solid #dbe3d7 !important; } /* LISTA */ .yw-about-list .elementor-icon-list-item { margin-bottom: 14px !important; } .yw-about-list .elementor-icon-list-icon { margin-right: 10px !important; } .yw-about-list .elementor-icon-list-icon i { color: #5fba3c !important; font-size: 17px !important; } .yw-about-list .elementor-icon-list-icon svg { fill: #5fba3c !important; width: 17px !important; height: 17px !important; } .yw-about-list .elementor-icon-list-text { font-family: "Manrope", sans-serif !important; font-size: 18px !important; font-weight: 600 !important; color: #17202a !important; } /* BOTON */ .yw-about-btn .elementor-button { font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; padding: 15px 30px !important; min-height: 50px !important; border-radius: 50px !important; color: #ffffff !important; background: linear-gradient( 90deg, #0873c8, #18b9e8 ) !important; border: none !important; box-shadow: 0 10px 22px rgba(14, 129, 205, 0.18) !important; } /* IMAGEN */ .yw-about-image, .yw-about-image .elementor-widget-container { width: 100% !important; } .yw-about-image .elementor-widget-container { overflow: hidden !important; border-radius: 28px !important; } .yw-about-image img { width: 100% !important; height: 465px !important; display: block !important; object-fit: cover !important; object-position: center !important; border-radius: 28px !important; } /* TABLET */ @media (max-width: 1024px) { .yw-about-card { padding: 40px 32px !important; gap: 30px !important; border-radius: 28px !important; } .yw-about-title .elementor-heading-title { font-size: 40px !important; } .yw-about-image img { height: 400px !important; } } /* MOBILE */ @media (max-width: 767px) { .yw-about-card { flex-direction: column !important; padding: 28px 20px !important; gap: 28px !important; border-radius: 24px !important; } .yw-about-left, .yw-about-right { flex: 0 0 100% !important; width: 100% !important; } .yw-about-title .elementor-heading-title { font-size: 34px !important; line-height: 1.1 !important; } .yw-about-image img { height: 300px !important; border-radius: 20px !important; } }/* ========================================================= MONTAR ABOUT ENCIMA DE SERVICES ========================================================= */ /* La sección About queda arriba */ .yw-about-section { position: relative !important; z-index: 10 !important; /* quitamos espacio inferior para acercar ambas secciones */ padding-bottom: 0 !important; } /* La tarjeta About es la que visualmente queda flotando */ .yw-about-card { position: relative !important; z-index: 20 !important; } /* SERVICES SUBE DETRÁS DEL ABOUT */ .yw-services-section { position: relative !important; z-index: 1 !important; /* ESTA ES LA PARTE QUE PRODUCE EL MONTAJE */ margin-top: -100px !important; /* compensamos arriba para que SERVICES no quede tapado */ padding-top: 180px !important; border-radius: 32px 32px 0 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .yw-services-section { margin-top: -75px !important; padding-top: 145px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .yw-services-section { margin-top: -45px !important; padding-top: 95px !important; border-radius: 24px 24px 0 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be8f0c2 *//* ========================================================== YOUR WAY CLEANING SERVICES SECTION - FINAL Navy + Cyan + Green ========================================================== */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap'); /* ========================================================== SECTION ========================================================== */ .yw-services-section { width: 100% !important; position: relative !important; padding: 82px 35px 88px !important; background: linear-gradient( 180deg, #f7faf6 0%, #f9fbfa 100% ) !important; overflow: hidden !important; box-sizing: border-box !important; } .yw-services-wrap { width: 100% !important; max-width: 1320px !important; margin: 0 auto !important; } /* ========================================================== SMALL TITLE - SERVICES ========================================================== */ .yw-services-kicker, .yw-services-kicker .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 2.2px !important; text-transform: uppercase !important; text-align: center !important; color: #5dbb3d !important; margin: 0 0 13px 0 !important; padding: 0 !important; } .yw-services-kicker .elementor-heading-title::before, .yw-services-kicker .elementor-heading-title::after { content: ""; display: inline-block; width: 20px; height: 2px; vertical-align: middle; border-radius: 20px; background: linear-gradient( 90deg, #20b6e7, #62bd3e ); } .yw-services-kicker .elementor-heading-title::before { margin-right: 9px; } .yw-services-kicker .elementor-heading-title::after { margin-left: 9px; } /* ========================================================== MAIN TITLE ========================================================== */ .yw-services-title, .yw-services-title .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 48px !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -1.7px !important; text-align: center !important; color: #173f91 !important; max-width: 780px !important; margin: 0 auto 48px auto !important; padding: 0 !important; } /* ========================================================== GRID ========================================================== */ .yw-services-grid { width: 100% !important; display: flex !important; align-items: stretch !important; justify-content: center !important; gap: 20px !important; flex-wrap: nowrap !important; } /* ========================================================== STANDARD CARDS ========================================================== */ .yw-service-card { position: relative !important; flex: 1 1 0 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; padding: 28px 25px 26px !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdff 100% ) !important; border: 1px solid #e2ebf0 !important; border-radius: 26px !important; box-shadow: 0 12px 32px rgba(23, 63, 145, 0.055) !important; overflow: hidden !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important; } /* subtle brand line */ .yw-service-card::before { content: ""; position: absolute; top: 0; left: 28px; right: 28px; height: 3px; opacity: 0; border-radius: 0 0 10px 10px; background: linear-gradient( 90deg, #173f91 0%, #20b8e8 55%, #63bd3e 100% ); transition: opacity .25s ease !important; } .yw-service-card:hover { transform: translateY(-5px) !important; border-color: #cfe5ee !important; box-shadow: 0 19px 42px rgba(23, 63, 145, 0.095) !important; } .yw-service-card:hover::before { opacity: 1; } /* ========================================================== ICON AREA ========================================================== */ .yw-service-icon { margin: 0 0 22px 0 !important; } .yw-service-icon .elementor-icon, .yw-service-icon .elementor-icon-wrapper, .yw-service-icon .elementor-icon-box-icon .elementor-icon { width: 78px !important; height: 78px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 22px !important; background: linear-gradient( 145deg, #ecf8fc 0%, #eef8e8 100% ) !important; border: 1px solid #d8ebdf !important; box-shadow: inset 0 0 0 5px rgba(255,255,255,.35) !important; } .yw-service-icon i, .yw-service-icon svg { font-size: 31px !important; width: 31px !important; height: 31px !important; color: #19a9dd !important; fill: #19a9dd !important; } /* ========================================================== CARD TITLE ========================================================== */ .yw-service-card-title, .yw-service-card-title .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 30px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.45px !important; color: #173f91 !important; margin: 0 0 19px 0 !important; padding: 0 !important; } /* ========================================================== LIST ========================================================== */ .yw-service-list { margin-bottom: 25px !important; } .yw-service-list .elementor-icon-list-items { margin: 0 !important; padding: 0 !important; } .yw-service-list .elementor-icon-list-item { display: flex !important; align-items: flex-start !important; margin: 0 0 11px 0 !important; padding: 0 !important; } .yw-service-list .elementor-icon-list-item:last-child { margin-bottom: 0 !important; } .yw-service-list .elementor-icon-list-icon { margin-right: 9px !important; margin-top: 3px !important; } .yw-service-list .elementor-icon-list-icon i { font-size: 14px !important; color: #5eba3b !important; } .yw-service-list .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; fill: #5eba3b !important; color: #5eba3b !important; } .yw-service-list .elementor-icon-list-text { font-family: "Inter", sans-serif !important; font-size: 20px !important; font-weight: 400 !important; line-height: 1.55 !important; color: #596470 !important; } /* ========================================================== STANDARD BUTTON ========================================================== */ .yw-service-btn { margin-top: auto !important; padding-top: 7px !important; } .yw-service-btn .elementor-button { width: 100% !important; min-height: 48px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; padding: 12px 17px !important; color: #ffffff !important; border: 0 !important; border-radius: 999px !important; background: linear-gradient( 90deg, #0872c8 0%, #18b9e8 100% ) !important; box-shadow: 0 9px 20px rgba(13, 132, 207, 0.16) !important; transition: transform .25s ease, box-shadow .25s ease !important; } .yw-service-btn .elementor-button:hover { transform: translateY(-2px) !important; box-shadow: 0 13px 26px rgba(13, 132, 207, 0.23) !important; } /* if button has arrow icon */ .yw-service-btn .elementor-button-content-wrapper { width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } .yw-service-btn .elementor-button-icon { width: 27px !important; height: 27px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 12px !important; border-radius: 50% !important; background: rgba(255,255,255,.18) !important; } .yw-service-btn .elementor-button-icon i, .yw-service-btn .elementor-button-icon svg { font-size: 11px !important; width: 11px !important; height: 11px !important; fill: #ffffff !important; color: #ffffff !important; } /* ========================================================== SATISFACTION CARD ========================================================== */ .yw-service-card--highlight { background: linear-gradient( 145deg, #f0f9ed 0%, #edf8f2 45%, #edf9fc 100% ) !important; border: 1px solid #8dcf6b !important; box-shadow: 0 14px 34px rgba(82, 157, 55, 0.09) !important; } /* top line always visible */ .yw-service-card--highlight::before { opacity: 1 !important; background: linear-gradient( 90deg, #63bd3e 0%, #32c1b3 48%, #19aee1 100% ) !important; } /* title */ .yw-service-card--highlight .yw-service-card-title, .yw-service-card--highlight .yw-service-card-title .elementor-heading-title { font-size:; line-height: 1.2 !important; text-align: center !important; color: #173f91 !important; margin-bottom: 27px !important; } /* Make "Guarantee" visually connect to green */ .yw-service-card--highlight .yw-service-card-title .yw-green { color: #58b63b !important; } /* list */ .yw-service-card--highlight .yw-service-list .elementor-icon-list-text { color: #46545e !important; } .yw-service-card--highlight .elementor-icon-list-icon i { color: #58b63b !important; } .yw-service-card--highlight .elementor-icon-list-icon svg { fill: #58b63b !important; } /* guarantee button */ .yw-service-card--highlight .yw-service-btn .elementor-button { background: linear-gradient( 90deg, #58b63b 0%, #62c65a 52%, #2ab8b7 100% ) !important; box-shadow: 0 9px 22px rgba(79, 167, 73, 0.18) !important; } .yw-service-card--highlight .yw-service-btn .elementor-button:hover { box-shadow: 0 13px 27px rgba(79, 167, 73, 0.25) !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .yw-services-section { padding: 65px 24px 70px !important; } .yw-services-title, .yw-services-title .elementor-heading-title { font-size: 40px !important; margin-bottom: 37px !important; } .yw-services-grid { flex-wrap: wrap !important; gap: 17px !important; } .yw-service-card { flex: 1 1 calc(50% - 9px) !important; padding: 25px 22px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767px) { .yw-services-section { padding: 52px 18px 58px !important; } .yw-services-kicker, .yw-services-kicker .elementor-heading-title { font-size: 10px !important; letter-spacing: 1.6px !important; } .yw-services-title, .yw-services-title .elementor-heading-title { font-size: 33px !important; line-height: 1.12 !important; letter-spacing: -1px !important; margin-bottom: 28px !important; } .yw-services-grid { flex-direction: column !important; gap: 16px !important; } .yw-service-card { width: 100% !important; flex: 0 0 auto !important; border-radius: 23px !important; } .yw-service-card-title, .yw-service-card-title .elementor-heading-title { font-size: 21px !important; } .yw-service-list .elementor-icon-list-text { font-size: 18px !important; } }/* ========================================================== YOUR WAY CLEANING DIFERENCIAR SERVICES DEL ABOUT + MANTENER EFECTO MONTADO ========================================================== */ /* ABOUT SE MANTIENE POR DELANTE */ .yw-about-section { position: relative !important; z-index: 10 !important; padding-bottom: 0 !important; } .yw-about-card { position: relative !important; z-index: 20 !important; } /* ========================================================== SERVICES ========================================================== */ .yw-services-section { position: relative !important; z-index: 1 !important; /* * SERVICES sube detrás del ABOUT */ margin-top: -105px !important; /* * Compensamos el espacio para que * el título SERVICES no quede escondido */ padding-top: 185px !important; /* * FONDO DIFERENTE * Celeste + verde muy suave */ background: linear-gradient( 135deg, #edf8fc 0%, #f1faf8 48%, #f1f8e9 100% ) !important; border-radius: 36px 36px 0 0 !important; /* * Línea sutil para remarcar * dónde comienza la segunda sección */ border-top: 1px solid rgba(31, 169, 220, 0.12) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important; overflow: hidden !important; } /* ========================================================== DECORACIÓN MUY SUTIL ========================================================== */ .yw-services-section::before { content: ""; position: absolute; width: 430px; height: 430px; left: -180px; top: 80px; border-radius: 50%; background: radial-gradient( circle, rgba(31, 181, 229, 0.08) 0%, rgba(31, 181, 229, 0) 70% ); pointer-events: none; z-index: 0; } .yw-services-section::after { content: ""; position: absolute; width: 500px; height: 500px; right: -220px; bottom: -200px; border-radius: 50%; background: radial-gradient( circle, rgba(100, 189, 62, 0.08) 0%, rgba(100, 189, 62, 0) 72% ); pointer-events: none; z-index: 0; } /* EL CONTENIDO QUEDA POR ENCIMA */ .yw-services-wrap { position: relative !important; z-index: 2 !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .yw-services-section { margin-top: -75px !important; padding-top: 150px !important; border-radius: 30px 30px 0 0 !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767px) { .yw-services-section { margin-top: -45px !important; padding-top: 100px !important; border-radius: 24px 24px 0 0 !important; } }/* ========================================================== YOUR WAY CLEANING SERVICES - NUEVO FONDO + NUEVO ENCABEZADO ========================================================== */ /* ========================================================== ABOUT QUEDA ENCIMA ========================================================== */ .yw-about-section { position: relative !important; z-index: 10 !important; padding-bottom: 0 !important; } .yw-about-card { position: relative !important; z-index: 20 !important; } /* ========================================================== SERVICES ========================================================== */ .yw-services-section { width: calc(100% - 28px) !important; position: relative !important; z-index: 1 !important; /* * Montaje debajo del ABOUT */ margin: -100px auto 0 auto !important; /* * Compensa el montaje */ padding: 170px 35px 90px !important; /* * Fondo frío y limpio. * Más contraste que el ABOUT, * pero sin verse azul chillón. */ background: linear-gradient( 145deg, #edf5f8 0%, #f3f8f7 48%, #eef5ee 100% ) !important; border-radius: 34px 34px 0 0 !important; border-top: 1px solid rgba(23, 63, 145, 0.08) !important; box-shadow: 0 -12px 35px rgba(23, 63, 145, 0.045) !important; overflow: hidden !important; box-sizing: border-box !important; } /* ========================================================== DECORACIÓN SUPERIOR MUY SUTIL ========================================================== */ .yw-services-section::before { content: ""; position: absolute; top: 0; left: 13%; right: 13%; height: 3px; background: linear-gradient( 90deg, transparent 0%, #1db3e5 30%, #52c194 65%, #65bd3f 82%, transparent 100% ); opacity: .45; border-radius: 999px; pointer-events: none; } /* esfera decorativa de fondo */ .yw-services-section::after { content: ""; position: absolute; width: 600px; height: 600px; right: -300px; top: 100px; border-radius: 50%; background: radial-gradient( circle, rgba(31, 177, 224, 0.055) 0%, rgba(98, 189, 62, 0.025) 45%, transparent 72% ); pointer-events: none; } /* ========================================================== CONTENIDO ========================================================== */ .yw-services-wrap { width: 100% !important; max-width: 1320px !important; position: relative !important; z-index: 2 !important; margin: 0 auto !important; } /* ========================================================== OUR SERVICES ========================================================== */ .yw-services-kicker, .yw-services-kicker .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; text-align: center !important; color: #5bb83b !important; margin: 0 0 14px 0 !important; padding: 0 !important; } /* líneas del kicker */ .yw-services-kicker .elementor-heading-title::before, .yw-services-kicker .elementor-heading-title::after { content: ""; display: inline-block; width: 22px; height: 2px; vertical-align: middle; border-radius: 50px; background: linear-gradient( 90deg, #1eb4e6, #62bd3e ); } .yw-services-kicker .elementor-heading-title::before { margin-right: 9px; } .yw-services-kicker .elementor-heading-title::after { margin-left: 9px; } /* ========================================================== TÍTULO PRINCIPAL ========================================================== */ .yw-services-title, .yw-services-title .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 46px !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -1.7px !important; text-align: center !important; color: #173f91 !important; max-width: 820px !important; margin: 0 auto 48px auto !important; padding: 0 !important; } /* EVERY SPACE */ .yw-services-title .yw-services-accent { display: inline-block !important; background: linear-gradient( 90deg, #21b3e5 0%, #3dc5dc 35%, #57c777 67%, #76bf3d 100% ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .yw-services-section { width: calc(100% - 20px) !important; margin-top: -75px !important; padding: 140px 24px 70px !important; border-radius: 28px 28px 0 0 !important; } .yw-services-title, .yw-services-title .elementor-heading-title { font-size: 39px !important; margin-bottom: 36px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767px) { .yw-services-section { width: calc(100% - 12px) !important; margin-top: -42px !important; padding: 90px 18px 55px !important; border-radius: 22px 22px 0 0 !important; } .yw-services-kicker, .yw-services-kicker .elementor-heading-title { font-size: 20px !important; letter-spacing: 1.6px !important; } .yw-services-title, .yw-services-title .elementor-heading-title { font-size: 32px !important; line-height: 1.12 !important; letter-spacing: -1px !important; margin-bottom: 28px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2214d41 *//* ========================================================== YOUR WAY CLEANING SERVICE AREAS SECTION FINAL CONSOLIDATED VERSION ========================================================== */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap'); /* ========================================================== 1. SECCION PRINCIPAL ========================================================== */ .yw-area-section { width: calc(100% - 28px) !important; max-width: 1480px !important; margin: 70px auto !important; padding: 64px 62px 58px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 65px !important; position: relative !important; box-sizing: border-box !important; background: linear-gradient( 135deg, #ffffff 0%, #fbfdfc 58%, #f5f9f3 100% ) !important; border: 1px solid #e6ece6 !important; border-radius: 32px !important; box-shadow: 0 18px 48px rgba(23, 63, 145, .065) !important; overflow: hidden !important; } /* decoración suave del fondo */ .yw-area-section::before { content: ""; position: absolute; width: 450px; height: 450px; left: -220px; bottom: -220px; border-radius: 50%; background: radial-gradient( circle, rgba(32, 174, 224, .055), transparent 72% ); pointer-events: none; } /* ========================================================== 2. COLUMNA IZQUIERDA ========================================================== */ .yw-area-left { width: 44% !important; min-width: 0 !important; position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } /* ========================================================== 3. KICKER SERVING THE FOLLOWING AREAS ========================================================== */ .yw-area-kicker, .yw-area-kicker .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 2.3px !important; text-transform: uppercase !important; color: #59b63b !important; margin: 0 0 16px 0 !important; padding: 0 !important; } /* línea decorativa */ .yw-area-kicker .elementor-heading-title::after { content: ""; display: inline-block; width: 22px; height: 2px; margin-left: 10px; vertical-align: middle; border-radius: 50px; background: linear-gradient( 90deg, #1caee1, #60ba3d ); } /* ========================================================== 4. TITULO PRINCIPAL ========================================================== */ .yw-area-title, .yw-area-title .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 50px !important; font-weight: 700 !important; line-height: 1.05 !important; letter-spacing: -1.8px !important; color: #173f91 !important; margin: 0 0 22px 0 !important; padding: 0 !important; } /* Cleaning Team */ .yw-area-title .yw-area-blue { color: #1caddf !important; } /* Metro */ .yw-area-title .yw-area-green { color: #5eb83c !important; } /* ========================================================== 5. TEXTO DESCRIPTIVO ========================================================== */ .yw-area-text { max-width: 520px !important; margin-bottom: 21px !important; } .yw-area-text, .yw-area-text p { font-family: "Inter", sans-serif !important; font-size: 20px !important; font-weight: 400 !important; line-height: 1.75 !important; color: #56616c !important; margin-top: 0 !important; } /* ========================================================== 6. LISTA DE BENEFICIOS IZQUIERDA ========================================================== */ .yw-area-list { width: 100% !important; margin-bottom: 22px !important; } .yw-area-list .elementor-icon-list-items { margin: 0 !important; padding: 0 !important; } .yw-area-list .elementor-icon-list-item { padding: 11px 0 !important; margin: 0 !important; border-bottom: 1px solid #e4e9e6 !important; } .yw-area-list .elementor-icon-list-item:last-child { border-bottom: none !important; } /* icono check */ .yw-area-list .elementor-icon-list-icon { margin-right: 12px !important; } .yw-area-list .elementor-icon-list-icon i { color: #59b83b !important; font-size: 17px !important; } .yw-area-list .elementor-icon-list-icon svg { width: 17px !important; height: 17px !important; fill: #59b83b !important; color: #59b83b !important; } /* texto lista */ .yw-area-list .elementor-icon-list-text { font-family: "Inter", sans-serif !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1.45 !important; color: #27333d !important; } /* ========================================================== 7. BOTON ========================================================== */ .yw-area-btn { margin-top: -4px !important; } .yw-area-btn .elementor-button { min-height: 50px !important; padding: 13px 27px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; color: #ffffff !important; background: linear-gradient( 90deg, #0873c8 0%, #18b9e8 100% ) !important; border: none !important; border-radius: 999px !important; box-shadow: 0 10px 24px rgba(12, 128, 205, .18) !important; transition: transform .2s ease, box-shadow .2s ease !important; } .yw-area-btn .elementor-button:hover { transform: translateY(-2px) !important; box-shadow: 0 14px 28px rgba(12, 128, 205, .24) !important; } /* ========================================================== 8. COLUMNA DERECHA ========================================================== */ .yw-area-right { width: 56% !important; min-width: 0 !important; position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; gap: 20px !important; } /* ========================================================== 9. MAPA ========================================================== */ .yw-area-map { width: 100% !important; overflow: hidden !important; border-radius: 26px !important; box-shadow: 0 15px 38px rgba(23, 63, 145, .10) !important; } .yw-area-map .elementor-widget-container { width: 100% !important; overflow: hidden !important; border-radius: 26px !important; } .yw-area-map iframe { width: 100% !important; height: 385px !important; display: block !important; border: none !important; border-radius: 26px !important; } /* ========================================================== 10. CONTENEDOR BENEFICIOS DEBAJO DEL MAPA ========================================================== */ .yw-area-benefits { width: 100% !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 0 !important; padding: 22px 20px !important; background: #ffffff !important; border: 1px solid #e6ece7 !important; border-radius: 22px !important; box-shadow: 0 12px 30px rgba(23, 63, 145, .065) !important; box-sizing: border-box !important; } /* ========================================================== 11. CADA BENEFICIO ========================================================== */ .yw-area-benefit { min-width: 0 !important; padding: 9px 19px !important; display: flex !important; align-items: center !important; gap: 13px !important; border-right: 1px solid #e4e9e5 !important; box-sizing: border-box !important; } .yw-area-benefit:last-child { border-right: none !important; } /* ========================================================== 12. ICONOS BENEFICIOS MÁS GRANDES ========================================================== */ .yw-area-benefit .elementor-icon { font-size: 32px !important; color: #59b83b !important; flex-shrink: 0 !important; } .yw-area-benefit .elementor-icon svg { width: 32px !important; height: 32px !important; fill: #59b83b !important; color: #59b83b !important; } /* espacio icono-texto de Elementor */ .yw-area-benefit .elementor-icon-box-wrapper { display: flex !important; align-items: center !important; gap: 13px !important; text-align: left !important; } .yw-area-benefit .elementor-icon-box-icon { margin: 0 !important; flex-shrink: 0 !important; } .yw-area-benefit .elementor-icon-box-content { min-width: 0 !important; } /* ========================================================== 13. TITULO BENEFICIOS MÁS GRANDE ========================================================== */ .yw-area-benefit .elementor-icon-box-title { margin: 0 0 5px 0 !important; } .yw-area-benefit .elementor-icon-box-title, .yw-area-benefit .elementor-icon-box-title span { font-family: "Manrope", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; color: #173f91 !important; } /* ========================================================== 14. DESCRIPCION BENEFICIOS MÁS GRANDE ========================================================== */ .yw-area-benefit .elementor-icon-box-description { font-family: "Inter", sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #66717a !important; margin: 0 !important; } /* ========================================================== 15. TABLET ========================================================== */ @media (max-width: 1024px) { .yw-area-section { padding: 50px 30px !important; gap: 40px !important; } .yw-area-left { width: 45% !important; } .yw-area-right { width: 55% !important; } .yw-area-title, .yw-area-title .elementor-heading-title { font-size: 39px !important; } .yw-area-map iframe { height: 350px !important; } .yw-area-benefits { padding: 18px 12px !important; } .yw-area-benefit { padding: 8px 10px !important; gap: 9px !important; } .yw-area-benefit .elementor-icon { font-size: 27px !important; } .yw-area-benefit .elementor-icon svg { width: 27px !important; height: 27px !important; } .yw-area-benefit .elementor-icon-box-wrapper { gap: 9px !important; } .yw-area-benefit .elementor-icon-box-title, .yw-area-benefit .elementor-icon-box-title span { font-size: 13px !important; } .yw-area-benefit .elementor-icon-box-description { font-size: 10.5px !important; } } /* ========================================================== 16. MOBILE ========================================================== */ @media (max-width: 767px) { .yw-area-section { width: calc(100% - 12px) !important; margin: 45px auto !important; padding: 38px 18px !important; flex-direction: column !important; gap: 32px !important; border-radius: 24px !important; } .yw-area-left, .yw-area-right { width: 100% !important; } .yw-area-kicker, .yw-area-kicker .elementor-heading-title { font-size: 10px !important; letter-spacing: 1.7px !important; } .yw-area-title, .yw-area-title .elementor-heading-title { font-size: 33px !important; line-height: 1.1 !important; letter-spacing: -1px !important; } .yw-area-text, .yw-area-text p { font-size: px !important; } .yw-area-list .elementor-icon-list-text { font-size: px !important; } .yw-area-btn .elementor-button { width: 100% !important; } .yw-area-map, .yw-area-map .elementor-widget-container, .yw-area-map iframe { border-radius: 20px !important; } .yw-area-map iframe { height: 300px !important; } /* beneficios uno debajo del otro */ .yw-area-benefits { grid-template-columns: 1fr !important; padding: 8px 18px !important; border-radius: 20px !important; } .yw-area-benefit { width: 100% !important; padding: 17px 5px !important; gap: 13px !important; border-right: none !important; border-bottom: 1px solid #e4e9e5 !important; } .yw-area-benefit:last-child { border-bottom: none !important; } .yw-area-benefit .elementor-icon-box-wrapper { gap: 13px !important; } .yw-area-benefit .elementor-icon { font-size: 30px !important; } .yw-area-benefit .elementor-icon svg { width: 30px !important; height: 30px !important; } .yw-area-benefit .elementor-icon-box-title, .yw-area-benefit .elementor-icon-box-title span { font-size: 15px !important; } .yw-area-benefit .elementor-icon-box-description { font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1153ee0 *//* ========================================================== YOUR WAY CLEANING LLC REVIEWS SECTION RECONSTRUIDA DESDE CERO ========================================================== */ /* ========================================================== 1. SECCION GENERAL ========================================================== */ .yw-reviews-section { width: calc(100% - 24px) !important; max-width: 1540px !important; margin: 0 auto !important; padding: 74px 56px 30px !important; position: relative !important; box-sizing: border-box !important; overflow: hidden !important; border-radius: 34px 34px 0 0 !important; background: linear-gradient( 135deg, #173f91 0%, #176cad 43%, #1da4cf 72%, #59bb42 100% ) !important; isolation: isolate !important; } /* ========================================================== DECORACION ========================================================== */ .yw-reviews-section::before { content: ""; position: absolute; width: 540px; height: 540px; left: -250px; top: -220px; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,.08), transparent 70% ); pointer-events: none; } .yw-reviews-section::after { content: ""; position: absolute; width: 540px; height: 540px; right: -260px; bottom: -280px; border-radius: 50%; background: radial-gradient( circle, rgba(151,224,94,.18), transparent 70% ); pointer-events: none; } /* ========================================================== 2. CONTENEDOR SUPERIOR ========================================================== */ .yw-reviews-top { width: 100% !important; max-width: 1260px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: minmax(0, 56%) minmax(0, 44%) !important; grid-template-rows: auto auto !important; column-gap: 62px !important; row-gap: 0 !important; align-items: center !important; position: relative !important; z-index: 3 !important; box-sizing: border-box !important; } /* ========================================================== 3. FOTO ========================================================== */ .yw-review-visual { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; position: relative !important; box-sizing: border-box !important; } .yw-review-image, .yw-review-image .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .yw-review-image .elementor-widget-container { position: relative !important; overflow: hidden !important; border-radius: 28px !important; box-shadow: 0 20px 45px rgba(8,33,74,.20) !important; } .yw-review-image img { width: 100% !important; height: 400px !important; display: block !important; object-fit: cover !important; object-position: center !important; border-radius: 28px !important; } /* ========================================================== 4. COLUMNA DERECHA ========================================================== */ .yw-reviews-content { grid-column: 2 !important; grid-row: 1 / span 2 !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 12px 0 40px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; box-sizing: border-box !important; position: relative !important; z-index: 3 !important; } /* ========================================================== 5. REVIEW CARD SI ES HIJA DIRECTA DE yw-reviews-top ========================================================== */ .yw-reviews-top > .yw-review-card { grid-column: 1 !important; grid-row: 2 !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; justify-self: end !important; width: 330px !important; max-width: calc(100% - 30px) !important; margin: -74px 20px 0 0 !important; } /* ========================================================== SI LA TARJETA ESTUVIERA DENTRO DEL VISUAL TAMBIEN LA SOPORTAMOS ========================================================== */ .yw-review-visual .yw-review-card { position: absolute !important; left: auto !important; right: 22px !important; top: auto !important; bottom: -72px !important; transform: none !important; width: 330px !important; max-width: calc(100% - 40px) !important; } /* ========================================================== 6. DISEÑO REVIEW CARD ========================================================== */ .yw-review-card { min-width: 0 !important; padding: 24px 25px 22px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid rgba(23,63,145,.06) !important; border-radius: 22px !important; box-shadow: 0 18px 40px rgba(8,35,78,.19) !important; z-index: 20 !important; } /* LINEA SUPERIOR */ .yw-review-card::before { content: ""; position: absolute; top: 0 !important; left: 25px !important; width: 58px !important; height: 3px !important; border-radius: 0 0 10px 10px !important; background: linear-gradient( 90deg, #22b5e8, #61bd3e ) !important; } /* ========================================================== 7. TEXTO DE LA REVIEW ========================================================== */ .yw-review-quote { width: 100% !important; margin: 0 0 16px !important; font-family: "Manrope", sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.55 !important; letter-spacing: -.1px !important; color: #1c2530 !important; word-break: normal !important; overflow-wrap: break-word !important; } .yw-review-person { margin: 0 !important; font-family: "Inter", sans-serif !important; font-size: 12px !important; line-height: 1.45 !important; color: #69747f !important; } .yw-review-person strong { display: block !important; margin-bottom: 2px !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; color: #173f91 !important; } /* ========================================================== 8. KICKER ========================================================== */ .yw-reviews-kicker { margin: 0 0 14px !important; } .yw-reviews-kicker .elementor-heading-title { margin: 0 !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; font-family: "Manrope", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 2.1px !important; text-transform: uppercase !important; color: #d8f2cc !important; } .yw-reviews-kicker .elementor-heading-title::after { content: ""; width: 23px; height: 2px; display: inline-block; border-radius: 30px; background: linear-gradient( 90deg, #89ddf2, #a4df68 ); } /* ========================================================== 9. TITULO ========================================================== */ .yw-reviews-title { width: 100% !important; max-width: 100% !important; margin: 0 0 19px !important; } .yw-reviews-title .elementor-heading-title { width: 100% !important; margin: 0 !important; font-family: "Manrope", sans-serif !important; font-size: clamp(34px, 2.7vw, 42px) !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -1.2px !important; color: #ffffff !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; } .yw-reviews-accent { display: inline !important; background: linear-gradient( 90deg, #87def3, #9ee4b8, #b3df68 ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; } /* ========================================================== 10. PARRAFO ========================================================== */ .yw-reviews-text { width: 100% !important; max-width: 460px !important; margin: 0 !important; } .yw-reviews-text, .yw-reviews-text p { margin: 0 !important; font-family: "Inter", sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.65 !important; color: rgba(255,255,255,.87) !important; } /* DIVISOR */ .yw-reviews-content::after { content: ""; display: block; width: 100%; height: 1px; margin-top: 25px; background: linear-gradient( 90deg, rgba(255,255,255,.24), transparent ); } /* ========================================================== 11. GOOGLE RATING ========================================================== */ .yw-google-rating { width: 390px !important; max-width: calc(100% - 30px) !important; min-width: 0 !important; margin: 34px auto -30px !important; padding: 14px 24px 17px !important; position: relative !important; z-index: 10 !important; box-sizing: border-box !important; text-align: center !important; background: #ffffff !important; border: 1px solid rgba(23,63,145,.055) !important; border-radius: 22px 22px 0 0 !important; box-shadow: 0 -9px 28px rgba(8,35,78,.12) !important; } .yw-google-rating .elementor-icon { color: #24aee0 !important; font-size: 24px !important; } .yw-google-rating .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #173f91 !important; } .yw-google-rating .elementor-widget-text-editor, .yw-google-rating p { margin: 0 !important; font-family: "Inter", sans-serif !important; font-size: 12px !important; line-height: 1.4 !important; color: #65707a !important; } /* ========================================================== 12. PANTALLAS MEDIANAS ========================================================== */ @media (max-width: 1180px) { .yw-reviews-section { padding: 62px 34px 28px !important; } .yw-reviews-top { grid-template-columns: minmax(0, 53%) minmax(0, 47%) !important; column-gap: 38px !important; } .yw-review-image img { height: 340px !important; } .yw-reviews-top > .yw-review-card { width: 285px !important; margin-top: -62px !important; } .yw-review-visual .yw-review-card { width: 285px !important; bottom: -62px !important; } .yw-reviews-title .elementor-heading-title { font-size: 34px !important; } .yw-reviews-text, .yw-reviews-text p { font-size: 15px !important; } } /* ========================================================== 13. MOBILE ========================================================== */ @media (max-width: 767px) { .yw-reviews-section { width: calc(100% - 12px) !important; max-width: 100% !important; padding: 40px 16px 26px !important; border-radius: 24px 24px 0 0 !important; } /* ====================================================== UNA SOLA COLUMNA ====================================================== */ .yw-reviews-top { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 26px !important; width: 100% !important; } .yw-review-visual, .yw-reviews-content { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* ====================================================== FOTO ====================================================== */ .yw-review-visual { display: flex !important; flex-direction: column !important; padding: 0 !important; } .yw-review-image img { height: 235px !important; border-radius: 21px !important; } .yw-review-image .elementor-widget-container { border-radius: 21px !important; } /* ====================================================== REVIEW DIRECTAMENTE DENTRO DE TOP ====================================================== */ .yw-reviews-top > .yw-review-card { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; order: 2 !important; align-self: center !important; width: calc(100% - 24px) !important; max-width: 100% !important; margin: -48px auto 0 !important; padding: 18px !important; } /* ====================================================== SI REVIEW ESTA DENTRO DEL VISUAL ====================================================== */ .yw-review-visual .yw-review-card { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; width: calc(100% - 24px) !important; max-width: 100% !important; margin: -38px auto 0 !important; padding: 18px !important; } .yw-review-card { border-radius: 19px !important; } .yw-review-quote { font-size: 14px !important; line-height: 1.55 !important; } /* ====================================================== CONTENT ====================================================== */ .yw-reviews-content { order: 3 !important; padding: 3px 0 0 !important; } .yw-reviews-kicker .elementor-heading-title { font-size: 10px !important; letter-spacing: 1.8px !important; } .yw-reviews-title .elementor-heading-title { font-size: 30px !important; line-height: 1.1 !important; letter-spacing: -.8px !important; } .yw-reviews-text { max-width: 100% !important; } .yw-reviews-text, .yw-reviews-text p { font-size: 14px !important; line-height: 1.6 !important; } .yw-reviews-content::after { margin-top: 20px !important; } /* GOOGLE */ .yw-google-rating { width: calc(100% - 18px) !important; max-width: 360px !important; margin: 28px auto -26px !important; padding: 13px 16px 16px !important; border-radius: 19px 19px 0 0 !important; } } /* ========================================================== 14. TELEFONOS PEQUEÑOS ========================================================== */ @media (max-width: 480px) { .yw-reviews-section { padding: 36px 13px 24px !important; } .yw-review-image img { height: 210px !important; } .yw-reviews-top > .yw-review-card, .yw-review-visual .yw-review-card { width: calc(100% - 16px) !important; padding: 16px !important; } .yw-reviews-title .elementor-heading-title { font-size: 27px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-003d6ab *//* ========================================================== YOUR WAY CLEANING BOOKING / FREE ESTIMATE VERSION FINAL CON FOTO DE FONDO ========================================================== */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap'); /* ========================================================== 1. SECCION EXTERIOR IMPORTANTE: LA FOTO DE FONDO SE COLOCA DESDE ELEMENTOR ========================================================== */ .yw-booking-section { width: calc(100% - 28px) !important; max-width: 1560px !important; position: relative !important; margin: 0 auto !important; padding: 78px 55px !important; box-sizing: border-box !important; overflow: hidden !important; border-radius: 34px !important; /* * NO usamos "background:". * Así Elementor conserva la fotografía que pongas. */ background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; min-height: 720px !important; } /* ========================================================== OVERLAY SOBRE LA FOTOGRAFIA ========================================================== */ .yw-booking-section::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient( 115deg, rgba(15, 48, 85, .23) 0%, rgba(19, 84, 117, .12) 45%, rgba(61, 142, 98, .08) 100% ); pointer-events: none; } /* ligero matiz de marca */ .yw-booking-section::after { content: ""; position: absolute; inset: 0; z-index: 0; background: radial-gradient( circle at 12% 15%, rgba(31, 174, 225, .08), transparent 38% ), radial-gradient( circle at 88% 82%, rgba(98, 189, 62, .08), transparent 36% ); pointer-events: none; } /* ========================================================== 2. TARJETA PRINCIPAL ========================================================== */ .yw-booking-card { width: 100% !important; max-width: 1180px !important; position: relative !important; z-index: 5 !important; margin: 0 auto !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 0 !important; background: rgba(255, 255, 255, .97) !important; border: 8px solid rgba(255, 255, 255, .94) !important; border-radius: 32px !important; box-shadow: 0 28px 70px rgba(7, 35, 72, .23) !important; overflow: hidden !important; box-sizing: border-box !important; } /* ========================================================== 3. COLUMNA IZQUIERDA ========================================================== */ .yw-booking-left { width: 48% !important; min-width: 0 !important; position: relative !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; background: #eef4f6 !important; border-radius: 24px 0 0 24px !important; } /* ========================================================== 4. IMAGEN IZQUIERDA ========================================================== */ .yw-booking-image { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .yw-booking-image .elementor-widget-container { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .yw-booking-image img { width: 100% !important; height: 555px !important; display: block !important; object-fit: cover !important; object-position: center center !important; margin: 0 !important; border-radius: 0 !important; } /* ========================================================== 5. STATS FLOTANTES ========================================================== */ .yw-booking-stats { width: calc(100% - 28px) !important; position: absolute !important; left: 14px !important; bottom: 14px !important; z-index: 8 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: center !important; gap: 4px !important; padding: 20px 14px !important; box-sizing: border-box !important; background: linear-gradient( 90deg, rgba(23, 63, 145, .90) 0%, rgba(19, 155, 199, .88) 56%, rgba(91, 186, 61, .88) 100% ) !important; -webkit-backdrop-filter: blur(12px) !important; backdrop-filter: blur(12px) !important; border: 1px solid rgba(255,255,255,.26) !important; border-radius: 21px !important; box-shadow: 0 15px 35px rgba(8, 42, 77, .22) !important; } /* cada columna */ .yw-booking-stats > * { min-width: 0 !important; text-align: center !important; } /* iconos */ .yw-booking-stats .elementor-icon { color: #ffffff !important; font-size: 23px !important; margin-bottom: 7px !important; } .yw-booking-stats .elementor-icon svg { width: 23px !important; height: 23px !important; fill: #ffffff !important; } /* numeros */ .yw-booking-stats .elementor-counter-number, .yw-booking-stats .elementor-counter-number-prefix, .yw-booking-stats .elementor-counter-number-suffix { font-family: "Manrope", sans-serif !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1 !important; color: #ffffff !important; } /* textos */ .yw-booking-stats .elementor-counter-title { font-family: "Inter", sans-serif !important; font-size: 10.5px !important; font-weight: 500 !important; line-height: 1.3 !important; color: rgba(255,255,255,.88) !important; margin-top: 7px !important; } .yw-booking-stats .elementor-heading-title { font-family: "Manrope", sans-serif !important; color: #ffffff !important; text-align: center !important; } /* ========================================================== 6. COLUMNA DERECHA ========================================================== */ .yw-booking-right { width: 52% !important; min-width: 0 !important; padding: 42px 46px 34px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: center !important; background: #ffffff !important; } /* ========================================================== 7. KICKER BOOKING ========================================================== */ .yw-booking-kicker, .yw-booking-kicker .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 2.1px !important; text-transform: uppercase !important; text-align: center !important; color: #59b63b !important; margin: 0 0 10px 0 !important; } .yw-booking-kicker .elementor-heading-title::before, .yw-booking-kicker .elementor-heading-title::after { content: ""; display: inline-block; width: 18px; height: 2px; vertical-align: middle; border-radius: 30px; background: linear-gradient( 90deg, #20b5e6, #61bd3e ); } .yw-booking-kicker .elementor-heading-title::before { margin-right: 8px; } .yw-booking-kicker .elementor-heading-title::after { margin-left: 8px; } /* ========================================================== 8. TITULO ========================================================== */ .yw-booking-title, .yw-booking-title .elementor-heading-title { font-family: "Manrope", sans-serif !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1.07 !important; letter-spacing: -1.4px !important; text-align: center !important; color: #173f91 !important; max-width: 500px !important; margin: 0 auto 28px auto !important; } /* parte acentuada */ .yw-booking-title .yw-booking-accent { color: #1aa9dd !important; } /* ========================================================== 9. FORMULARIO ========================================================== */ .yw-booking-form { width: 100% !important; } .yw-booking-form .elementor-form { width: 100% !important; } /* campos */ .yw-booking-form .elementor-field-group { margin-bottom: 12px !important; padding: 0 !important; } /* labels */ .yw-booking-form .elementor-field-label { font-family: "Inter", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.3 !important; color: #58636d !important; margin-bottom: 6px !important; } /* inputs */ .yw-booking-form input, .yw-booking-form select, .yw-booking-form textarea { width: 100% !important; min-height: 46px !important; padding: 11px 14px !important; box-sizing: border-box !important; font-family: "Inter", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; color: #26323b !important; background: #fbfcfd !important; border: 1px solid #dce5ea !important; border-radius: 10px !important; outline: none !important; box-shadow: none !important; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important; } .yw-booking-form textarea { min-height: 92px !important; resize: vertical !important; } /* focus */ .yw-booking-form input:focus, .yw-booking-form select:focus, .yw-booking-form textarea:focus { background: #ffffff !important; border-color: #20aee0 !important; box-shadow: 0 0 0 3px rgba(32,174,224,.10) !important; } /* placeholders */ .yw-booking-form input::placeholder, .yw-booking-form textarea::placeholder { color: #a0aab1 !important; opacity: 1 !important; } /* ========================================================== 10. BOTON SEND ========================================================== */ .yw-booking-form .elementor-field-type-submit { margin-top: 3px !important; } .yw-booking-form .elementor-button { width: 100% !important; min-height: 47px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 12px 25px !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; color: #ffffff !important; background: linear-gradient( 90deg, #0873c8 0%, #18b9e8 100% ) !important; border: none !important; border-radius: 999px !important; box-shadow: 0 9px 22px rgba(14, 128, 205, .17) !important; transition: transform .2s ease, box-shadow .2s ease !important; } .yw-booking-form .elementor-button:hover { transform: translateY(-2px) !important; box-shadow: 0 13px 27px rgba(14,128,205,.24) !important; } /* ========================================================== 11. CONTACTO INFERIOR ========================================================== */ .yw-booking-contact { width: 100% !important; margin-top: 18px !important; padding-top: 17px !important; border-top: 1px solid #e3ebef !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; } .yw-booking-contact, .yw-booking-contact p, .yw-booking-contact .elementor-heading-title { font-family: "Inter", sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.55 !important; color: #64707a !important; margin-bottom: 0 !important; } /* boton contacto */ .yw-booking-contact .elementor-button { font-family: "Manrope", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; white-space: nowrap !important; padding: 10px 17px !important; color: #173f91 !important; background: #eef8fc !important; border: 1px solid #cceaf4 !important; border-radius: 999px !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .yw-booking-section { padding: 55px 25px !important; min-height: auto !important; } .yw-booking-card { max-width: 100% !important; } .yw-booking-left { width: 46% !important; } .yw-booking-right { width: 54% !important; padding: 34px 28px 28px !important; } .yw-booking-image img { height: 500px !important; } .yw-booking-title, .yw-booking-title .elementor-heading-title { font-size: 32px !important; } .yw-booking-stats { padding: 16px 9px !important; } .yw-booking-stats .elementor-counter-number, .yw-booking-stats .elementor-counter-number-prefix, .yw-booking-stats .elementor-counter-number-suffix { font-size: 23px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767px) { .yw-booking-section { width: calc(100% - 12px) !important; padding: 24px 10px !important; min-height: auto !important; border-radius: 24px !important; } .yw-booking-card { flex-direction: column !important; border-width: 5px !important; border-radius: 24px !important; } .yw-booking-left, .yw-booking-right { width: 100% !important; } .yw-booking-left { border-radius: 19px 19px 0 0 !important; } .yw-booking-image img { height: 360px !important; } .yw-booking-stats { width: calc(100% - 20px) !important; left: 10px !important; bottom: 10px !important; padding: 14px 8px !important; border-radius: 17px !important; } .yw-booking-stats .elementor-counter-number, .yw-booking-stats .elementor-counter-number-prefix, .yw-booking-stats .elementor-counter-number-suffix { font-size: 21px !important; } .yw-booking-stats .elementor-counter-title { font-size: 9px !important; } .yw-booking-right { padding: 29px 19px 25px !important; } .yw-booking-title, .yw-booking-title .elementor-heading-title { font-size: 29px !important; line-height: 1.1 !important; letter-spacing: -1px !important; } .yw-booking-contact { flex-direction: column !important; align-items: stretch !important; } .yw-booking-contact .elementor-button { width: 100% !important; justify-content: center !important; } }/* End custom CSS */