.elementor-7534 .elementor-element.elementor-element-50b7f9c{--display:flex;--min-height:350px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7534 .elementor-element.elementor-element-50b7f9c:not(.elementor-motion-effects-element-type-background), .elementor-7534 .elementor-element.elementor-element-50b7f9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://espaisroca.com/wp-content/uploads/2020/04/13-min-e1587980961135.avif");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-7534 .elementor-element.elementor-element-50b7f9c::before, .elementor-7534 .elementor-element.elementor-element-50b7f9c > .elementor-background-video-container::before, .elementor-7534 .elementor-element.elementor-element-50b7f9c > .e-con-inner > .elementor-background-video-container::before, .elementor-7534 .elementor-element.elementor-element-50b7f9c > .elementor-background-slideshow::before, .elementor-7534 .elementor-element.elementor-element-50b7f9c > .e-con-inner > .elementor-background-slideshow::before, .elementor-7534 .elementor-element.elementor-element-50b7f9c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-7534 .elementor-element.elementor-element-0916ee4{z-index:2;}.elementor-7534 .elementor-element.elementor-element-0916ee4 .elementor-heading-title{color:#FFFFFF;}.elementor-7534 .elementor-element.elementor-element-c30e163{--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;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-7534 .elementor-element.elementor-element-676b1e3{--grid-columns:3;}.elementor-7534 .elementor-element.elementor-element-676b1e3 > .elementor-widget-container{padding:0px 125px 0px 125px;}@media(max-width:1024px){.elementor-7534 .elementor-element.elementor-element-676b1e3{--grid-columns:3;}.elementor-7534 .elementor-element.elementor-element-676b1e3 > .elementor-widget-container{padding:15px 15px 15px 15px;}}@media(max-width:767px){.elementor-7534 .elementor-element.elementor-element-676b1e3{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-50b7f9c */.elementor-7534 .elementor-element.elementor-element-50b7f9c:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .1;
    display: block;
    position: absolute;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-676b1e3 */.elementor-7534 .elementor-element.elementor-element-676b1e3 .elementor-widget-container {
    padding-top: 10px;
}

.elementor-7534 .elementor-element.elementor-element-676b1e3 .e-loop-item {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.elementor-7534 .elementor-element.elementor-element-676b1e3 .e-loop-item:after {
    content: "";
    display: block;
    position: relative;
    right: 5px;
    top: -100%;
    width: 1px;
    height: 100%;
    background-color: rgba(148, 157, 160, .1);
}

.elementor-7534 .elementor-element.elementor-element-676b1e3 .e-loop-item:nth-child(3n-1):after {
    display: none;
}

.elementor-7534 .elementor-element.elementor-element-676b1e3 .e-loop-item:hover {
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
}

.elementor-7534 .elementor-element.elementor-element-676b1e3 .e-loop-item:hover .more span:after {
    bottom: 0;
    opacity: 1;
}/* End custom CSS */