.elementor-4617 .elementor-element.elementor-element-f921556{--display:flex;}.elementor-4617 .elementor-element.elementor-element-f921556:not(.elementor-motion-effects-element-type-background), .elementor-4617 .elementor-element.elementor-element-f921556 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fadecocontratistas.es/wp-content/uploads/17.png");}.elementor-4617 .elementor-element.elementor-element-697cbeeb{--display:flex;}.elementor-4617 .elementor-element.elementor-element-41d07840{--display:flex;}.elementor-4617 .elementor-element.elementor-element-3ea56cbb{--display:grid;--grid-auto-flow:row;}.elementor-4617 .elementor-element.elementor-element-eba51fe{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4617 .elementor-element.elementor-element-84a9acc{--grid-columns:1;--grid-row-gap:0.5em;--load-more-button-align:center;}.elementor-4617 .elementor-element.elementor-element-162cf719{--display:flex;}.elementor-4617 .elementor-element.elementor-element-2844226{--grid-columns:1;--grid-row-gap:0.5em;--load-more-button-align:center;}@media(max-width:1024px){.elementor-4617 .elementor-element.elementor-element-3ea56cbb{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-4617 .elementor-element.elementor-element-84a9acc{--grid-columns:2;}.elementor-4617 .elementor-element.elementor-element-2844226{--grid-columns:2;}}@media(max-width:767px){.elementor-4617 .elementor-element.elementor-element-3ea56cbb{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-4617 .elementor-element.elementor-element-84a9acc{--grid-columns:1;}.elementor-4617 .elementor-element.elementor-element-2844226{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-4580513b */.elementor-4617 .elementor-element.elementor-element-4580513b h1{
    font-size: var(--font-size-h2);
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    text-align: center;
    line-height: 1.4;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f921556 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-4617 .elementor-element.elementor-element-f921556{
width: 100vw;
max-width: 100vw;
min-height: 70vh;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
background-color: var(--color-sat-5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* choose one */
/*
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
*/
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2em;
/* Edit the image */
background-blend-mode: multiply;
background-color: var(--color-sat-2);
/* end img edit */
background-attachment: scroll;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-clip: border-box;
margin: 0;
margin-inline-start: calc(50% - 50vw);
margin-inline-end: calc(50% - 50vw);
margin-block-end: max(10%, 80px);
padding: 0;
padding-block-end: max(7%, 50px);
padding-inline: 11vw;
padding-block-start: max(8%, 50px);   
}


@media only screen and (max-width: 1024px){
.elementor-4617 .elementor-element.elementor-element-f921556{
padding-inline: 8vw;
/*
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
*/
	}
}

@media only screen and (max-width: 600px){
.elementor-4617 .elementor-element.elementor-element-f921556{
padding-inline: 		min(1.6rem, 5vw);
	}
}



/* Childs
-----------------------
*/

.elementor-4617 .elementor-element.elementor-element-f921556 > div {
flex: 1 1 auto;
width: 100%;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* choose one */
/*
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
*/
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2em;
margin: 0;
padding: 0;
}


/*.elementor-4617 .elementor-element.elementor-element-f921556 > div:nth-child(1){
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.elementor-4617 .elementor-element.elementor-element-f921556 > div:nth-child(2){
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
   
}*/

/* If needed */
/* @media only screen and (max-width: 1024px){
.elementor-4617 .elementor-element.elementor-element-f921556{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;

	}
}
*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-760a5d96 */.elementor-4617 .elementor-element.elementor-element-760a5d96 p{
/* White text */    
/*
color: var(--color-light-1);
text-shadow: var(--text-shadow);
*/
font-weight: var(--font-weight-bold)
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41d07840 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-4617 .elementor-element.elementor-element-41d07840 {
width: 100%;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack:center;
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
margin-block-end: max(7%, 50px);
}


/* For child of flex inheritance
------------------- */
.elementor-4617 .elementor-element.elementor-element-41d07840 > div{
    flex: 1 1 auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a66ad79 */.elementor-4617 .elementor-element.elementor-element-5a66ad79 h2{
    text-align: center;
    font-size: var(--font-size-h4);
    color: var(--text-dark);
    padding-block-end: .2em;
    border-block-end: .2em double currentColor;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-84a9acc */.elementor-4617 .elementor-element.elementor-element-84a9acc {
    width: 100%;
}

/* Button
-------------- */
.elementor-4617 .elementor-element.elementor-element-84a9acc a.elementor-button-link.elementor-button{
    background-color: var(--color-light-12);
    text-shadow: var(--text-shadow);
    font-size: var(--font-size-p);
    padding-block: 1em;
    padding-inline: .9em;
    border-radius: .2em;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fec75e9 */.elementor-4617 .elementor-element.elementor-element-fec75e9 h2{
    text-align: center;
    font-size: var(--font-size-h4);
    color: var(--text-dark);
    padding-block-end: .2em;
    border-block-end: .2em double currentColor;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2844226 */.elementor-4617 .elementor-element.elementor-element-2844226 {
    width: 100%;
}

/* Button
-------------- */
.elementor-4617 .elementor-element.elementor-element-2844226 a.elementor-button-link.elementor-button{
    background-color: var(--color-light-12);
    text-shadow: var(--text-shadow);
    font-size: var(--font-size-p);
    padding-block: 1em;
    padding-inline: .9em;
    border-radius: .2em;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ea56cbb *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-4617 .elementor-element.elementor-element-3ea56cbb {
display: grid;
width: 100%;
grid-template-columns: repeat(2, minmax(10px, 1fr));
grid-template-rows: repeat(1, minmax(10px, 1fr));
/*
grid-template-areas:;*/
column-gap: 4em;
row-gap: 2em;
justify-items: center;
align-items: start;
justify-content: center;
align-content: start;
/*grid-auto-columns: ;*/
/*grid-auto-rows:;*/
grid-auto-flow: row;
padding:0;
margin: 0;
margin-block-end: 40px;
}

@media  only screen and (max-width: 1024px){
    .elementor-4617 .elementor-element.elementor-element-3ea56cbb{
grid-template-columns: repeat(1, minmax(10px, 1fr));
gap: 4em;
    }
}


/* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-4617 .elementor-element.elementor-element-3ea56cbb > div {
/* grid-area: ;*/
/* grid-column-start: ;*/
/* grid-column-end: ;*/
/* grid-row-start: ;*/
/* grid-row-end: ;*/
/* justify-self: ;*/
/* align-self: ;*/
width: 100%;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack:center;
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}


/* For child of flex inheritance
------------------- */
.elementor-4617 .elementor-element.elementor-element-3ea56cbb > div > div{
    flex: 1 1 auto;
}/* End custom CSS */