.elementor-27 .elementor-element.elementor-element-fe307dc{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;}.elementor-27 .elementor-element.elementor-element-fe307dc:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-fe307dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yourwayclean.com/wp-content/uploads/2026/09/ChatGPT-Image-7-sept-2026-09_51_02-4.png");background-position:center center;background-size:cover;}.elementor-27 .elementor-element.elementor-element-fe307dc::before, .elementor-27 .elementor-element.elementor-element-fe307dc > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-fe307dc > .e-con-inner > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-fe307dc > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-fe307dc > .e-con-inner > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-fe307dc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(125deg, #FFFFFF 40%, #F2295B00 58%);}.elementor-27 .elementor-element.elementor-element-88a6504{--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-27 .elementor-element.elementor-element-a3513cd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:600;color:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-bca92e2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:51px;font-weight:600;}.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-27 .elementor-element.elementor-element-adb2caf{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-27 .elementor-element.elementor-element-78f6bb7{--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-27 .elementor-element.elementor-element-eda74f4{--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-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-27 .elementor-element.elementor-element-904c1f4 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-27 .elementor-element.elementor-element-904c1f4 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-27 .elementor-element.elementor-element-904c1f4{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-fe307dc{--content-width:85%;}.elementor-27 .elementor-element.elementor-element-88a6504{--width:50%;}.elementor-27 .elementor-element.elementor-element-78f6bb7{--width:50%;}}/* Start custom CSS for heading, class: .elementor-element-a3513cd *//* ==========================================================
   OUR SERVICES - EYEBROW / LABEL PREMIUM
   ========================================================== */

.yw-svc-label {
    margin: 0 0 18px !important;
    padding: 0 !important;
}


.yw-svc-label .elementor-heading-title {
    display: inline-flex !important;
    align-items: center !important;
    gap:

    margin: 0 !important;

    color: #5dbc3d !important;

    font-size: 30px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 2.6px !important;

    text-transform: uppercase !important;
}


/* línea izquierda */

.yw-svc-label .elementor-heading-title::before {
    content: "";

    width: 30px;
    height: 2px;

    display: inline-block;

    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            #18a9dd,
            #5dbc3d
        );
}


/* pequeño detalle derecho */

.yw-svc-label .elementor-heading-title::after {
    content: "";

    width: 7px;
    height: 7px;

    display: inline-block;

    border-radius: 50%;

    background: #19a9dd;

    box-shadow:
        11px 0 0 rgba(93,188,61,.40);
}


/* MOBILE */

@media (max-width: 767px) {

    .yw-svc-label .elementor-heading-title {
        font-size: 12px !important;
        letter-spacing: 2px !important;
        gap: 8px !important;
    }

    .yw-svc-label .elementor-heading-title::before {
        width: 22px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe307dc *//* ==========================================================
   YOUR WAY CLEANING
   SERVICES HERO — REDISEÑO VISIBLE
   MISMAS CLASES
   ========================================================== */


/* ==========================================================
   HERO
   ========================================================== */

.yw-svc-main {
    --navy: #173f91;
    --blue: #118fd4;
    --cyan: #19b2e4;
    --green: #5cbd3e;
    --green2: #79ce4b;
    --text: #4e6070;

    position: relative !important;
    width: 100% !important;
    min-height: 560px !important;

    padding: 46px 50px 42px !important;

    border-radius: 30px !important;
    border: 1px solid rgba(23,63,145,.08) !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    box-shadow:
        0 20px 55px rgba(23,63,145,.08) !important;

    isolation: isolate !important;
}


/* ==========================================================
   OVERLAY SOBRE TU FOTO
   ========================================================== */

.yw-svc-main::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 0;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255,255,255,.99) 28%,
            rgba(255,255,255,.95) 42%,
            rgba(255,255,255,.77) 52%,
            rgba(255,255,255,.32) 63%,
            rgba(255,255,255,.03) 76%
        ) !important;

    pointer-events: none;
}


/* círculo ambiental */

.yw-svc-main::after {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    left: -320px;
    bottom: -340px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(25,178,228,.13) 0%,
            rgba(92,189,62,.05) 38%,
            transparent 70%
        );

    pointer-events: none;
    z-index: 0;
}


.yw-svc-main > * {
    position: relative !important;
    z-index: 2 !important;
}


/* ==========================================================
   OUR SERVICES
   ========================================================== */

.yw-svc-label {
    margin-bottom: 17px !important;
}


.yw-svc-label .elementor-heading-title {
    display: inline-flex !important;
    align-items: center !important;

    gap: 11px !important;

    color: var(--green) !important;

    font-weight: 800 !important;
    text-transform: uppercase !important;

    letter-spacing: 3px !important;

    line-height: 1 !important;
}


/* líneas */

.yw-svc-label .elementor-heading-title::before,
.yw-svc-label .elementor-heading-title::after {
    content: "";

    display: inline-block !important;

    height: 2px;

    border-radius: 100px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--green)
        ) !important;
}


.yw-svc-label .elementor-heading-title::before {
    width: 32px;
}


.yw-svc-label .elementor-heading-title::after {
    width: 18px;
}


/* ==========================================================
   TÍTULO PRINCIPAL
   CAMBIO FUERTE
   ========================================================== */

.yw-svc-heading {
    max-width: 690px !important;

    margin: 0 0 25px !important;

    position: relative !important;
}


/*
   IMPORTANTE:
   El degradado se aplica al título ENTERO.
   No necesitas span ni HTML.
*/

.yw-svc-heading .elementor-heading-title {
    display: inline-block !important;

    margin: 0 !important;

    font-weight: 850 !important;

    line-height: .98 !important;

    letter-spacing: -1.5px !important;

    background:
        linear-gradient(
            105deg,
            #173f91 0%,
            #173f91 38%,
            #149fda 58%,
            #20b6df 72%,
            #62bd3e 100%
        ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;

    color: transparent !important;
}


/* bloque visual bajo el título */

.yw-svc-heading::after {
    content: "";

    display: block;

    width: 92px;
    height: 7px;

    margin-top: 17px;

    border-radius: 100px;

    background:
        linear-gradient(
            90deg,
            #159fda 0%,
            #1eb7e1 50%,
            #62bd3e 100%
        ) !important;

    box-shadow:
        0 6px 16px rgba(24,170,220,.20);
}


/* pequeño círculo al final */

.yw-svc-heading::before {
    content: "";

    position: absolute;

    left: 102px;
    bottom: 1px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #61bd3e;

    box-shadow:
        14px 0 0 rgba(24,171,224,.25);

    pointer-events: none;
}


/* ==========================================================
   DESCRIPCIÓN
   ========================================================== */

.yw-svc-description {
    max-width: 630px !important;

    margin-bottom: 30px !important;

    padding:
        16px
        20px
        16px
        22px !important;

    position: relative !important;

    border-radius: 0 16px 16px 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(239,249,253,.92),
            rgba(255,255,255,.25)
        ) !important;

    border-left:
        4px solid var(--cyan) !important;
}


.yw-svc-description::before {
    content: "";

    position: absolute;

    left: -4px;
    bottom: 0;

    width: 4px;
    height: 38%;

    border-radius: 20px;

    background: var(--green);
}


.yw-svc-description,
.yw-svc-description p {
    color: var(--text) !important;

    line-height: 1.65 !important;

    font-weight: 500 !important;
}


.yw-svc-description p:last-child {
    margin-bottom: 0 !important;
}


/* ==========================================================
   GRID
   ========================================================== */

.yw-svc-links {
    width: 100% !important;
    max-width: 660px !important;

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0,1fr)) !important;

    gap: 13px !important;
}


/* ==========================================================
   TARJETA
   ========================================================== */

.yw-svc-link {
    position: relative !important;

    min-width: 0 !important;

    padding:
        16px
        17px !important;

    border-radius: 20px !important;

    border:
        1px solid rgba(23,63,145,.08) !important;

    background:
        rgba(255,255,255,.92) !important;

    box-shadow:
        0 10px 24px rgba(23,63,145,.065) !important;

    overflow: hidden !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease !important;
}


/* franja superior */

.yw-svc-link::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;
}


/* círculo decorativo */

.yw-svc-link::after {
    content: "";

    position: absolute;

    right: -45px;
    bottom: -55px;

    width: 120px;
    height: 120px;

    border-radius: 50%;

    pointer-events: none;
}


/* ==========================================================
   COLOR CARD 1
   ========================================================== */

.yw-svc-link:nth-child(1)::before {
    background:
        linear-gradient(
            90deg,
            #55b83b,
            #7dd14a
        );
}


.yw-svc-link:nth-child(1)::after {
    background:
        radial-gradient(
            circle,
            rgba(93,189,62,.16),
            transparent 68%
        );
}


/* ==========================================================
   CARD 2
   ========================================================== */

.yw-svc-link:nth-child(2)::before {
    background:
        linear-gradient(
            90deg,
            #20a8df,
            #68c9ee
        );
}


.yw-svc-link:nth-child(2)::after {
    background:
        radial-gradient(
            circle,
            rgba(32,168,223,.15),
            transparent 68%
        );
}


/* ==========================================================
   CARD 3
   ========================================================== */

.yw-svc-link:nth-child(3)::before {
    background:
        linear-gradient(
            90deg,
            #148fd3,
            #20b7e3
        );
}


.yw-svc-link:nth-child(3)::after {
    background:
        radial-gradient(
            circle,
            rgba(20,143,211,.14),
            transparent 68%
        );
}


/* ==========================================================
   CARD 4
   ========================================================== */

.yw-svc-link:nth-child(4)::before {
    background:
        linear-gradient(
            90deg,
            #20b3df,
            #61bf3e
        );
}


.yw-svc-link:nth-child(4)::after {
    background:
        radial-gradient(
            circle,
            rgba(97,191,62,.15),
            transparent 68%
        );
}


/* ==========================================================
   ICON BOX
   ========================================================== */

.yw-svc-link .elementor-icon-box-wrapper {
    display: grid !important;

    grid-template-columns:
        auto
        minmax(0,1fr) !important;

    align-items: center !important;

    column-gap: 14px !important;

    text-align: left !important;

    position: relative !important;

    z-index: 2 !important;
}


.yw-svc-link .elementor-icon-box-icon {
    margin: 0 !important;
}


/* ==========================================================
   ICONOS
   ========================================================== */

.yw-svc-link .elementor-icon {
    width: 66px !important;
    height: 66px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    border-radius: 18px !important;

    background:
        linear-gradient(
            145deg,
            #effaff,
            #f5fcef
        ) !important;

    border:
        1px solid rgba(23,63,145,.08) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 7px 16px rgba(23,63,145,.07) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* iconos */

.yw-svc-link .elementor-icon i {
    font-size: 28px !important;
}


.yw-svc-link .elementor-icon svg {
    width: 28px !important;
    height: 28px !important;
}


/* colores */

.yw-svc-link:nth-child(1) .elementor-icon i,
.yw-svc-link:nth-child(1) .elementor-icon {
    color: #57b83b !important;
}

.yw-svc-link:nth-child(1) .elementor-icon svg {
    fill: #57b83b !important;
    color: #57b83b !important;
}


.yw-svc-link:nth-child(2) .elementor-icon i,
.yw-svc-link:nth-child(2) .elementor-icon {
    color: #20a8df !important;
}

.yw-svc-link:nth-child(2) .elementor-icon svg {
    fill: #20a8df !important;
    color: #20a8df !important;
}


.yw-svc-link:nth-child(3) .elementor-icon i,
.yw-svc-link:nth-child(3) .elementor-icon {
    color: #148fd3 !important;
}

.yw-svc-link:nth-child(3) .elementor-icon svg {
    fill: #148fd3 !important;
    color: #148fd3 !important;
}


.yw-svc-link:nth-child(4) .elementor-icon i,
.yw-svc-link:nth-child(4) .elementor-icon {
    color: #60bd3e !important;
}

.yw-svc-link:nth-child(4) .elementor-icon svg {
    fill: #60bd3e !important;
    color: #60bd3e !important;
}


/* ==========================================================
   TITULOS DE TARJETAS
   ========================================================== */

.yw-svc-link .elementor-icon-box-title {
    margin: 0 0 5px !important;
}


.yw-svc-link .elementor-icon-box-title,
.yw-svc-link .elementor-icon-box-title span {
    color:
        var(--navy) !important;

    font-weight:
        800 !important;

    line-height:
        1.12 !important;

    letter-spacing:
        -.4px !important;
}


/* línea pequeña debajo */

.yw-svc-link
.elementor-icon-box-content::after {
    content: "";

    display: block;

    width: 28px;
    height: 3px;

    margin-top: 8px;

    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--green)
        );

    opacity: .5;

    transition:
        width .25s ease,
        opacity .25s ease !important;
}


/* ==========================================================
   HOVER
   ========================================================== */

.yw-svc-link:hover {
    transform:
        translateY(-6px) !important;

    background:
        #ffffff !important;

    box-shadow:
        0 18px 35px
        rgba(23,63,145,.12) !important;
}


.yw-svc-link:hover .elementor-icon {
    transform:
        scale(1.07)
        rotate(-3deg) !important;

    box-shadow:
        0 12px 25px
        rgba(23,63,145,.12) !important;
}


.yw-svc-link:hover
.elementor-icon-box-content::after {
    width: 52px;

    opacity: 1;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1024px){

    .yw-svc-main {
        padding:
            38px
            30px
            34px !important;
    }


    .yw-svc-heading,
    .yw-svc-description,
    .yw-svc-links {
        max-width: 590px !important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:767px){

    .yw-svc-main {
        min-height: auto !important;

        padding:
            28px
            18px
            24px !important;

        border-radius:
            22px !important;
    }


    .yw-svc-main::before {
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.99) 0%,
                rgba(255,255,255,.97) 55%,
                rgba(255,255,255,.75) 78%,
                rgba(255,255,255,.30) 100%
            ) !important;
    }


    .yw-svc-label,
    .yw-svc-heading,
    .yw-svc-description,
    .yw-svc-links {
        max-width:
            100% !important;
    }


    .yw-svc-links {
        grid-template-columns:
            1fr !important;
    }


    .yw-svc-link {
        padding:
            14px
            15px !important;
    }


    .yw-svc-link .elementor-icon {
        width: 58px !important;
        height: 58px !important;
    }

}/* ==========================================================
   OUR SERVICES - EYEBROW / LABEL PREMIUM
   ========================================================== */

.yw-svc-label {
    margin: 0 0 18px !important;
    padding: 0 !important;
}


.yw-svc-label .elementor-heading-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;

    margin: 0 !important;

    color: #5dbc3d !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: 2.6px !important;

    text-transform: uppercase !important;
}


/* línea izquierda */

.yw-svc-label .elementor-heading-title::before {
    content: "";

    width: 30px;
    height: 2px;

    display: inline-block;

    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            #18a9dd,
            #5dbc3d
        );
}


/* pequeño detalle derecho */

.yw-svc-label .elementor-heading-title::after {
    content: "";

    width: 7px;
    height: 7px;

    display: inline-block;

    border-radius: 50%;

    background: #19a9dd;

    box-shadow:
        11px 0 0 rgba(93,188,61,.40);
}


/* MOBILE */

@media (max-width: 767px) {

    .yw-svc-label .elementor-heading-title {
        font-size: 12px !important;
        letter-spacing: 2px !important;
        gap: 8px !important;
    }

    .yw-svc-label .elementor-heading-title::before {
        width: 22px;
    }

}/* End custom CSS */