.elementor-4969 .elementor-element.elementor-element-67f0556c{--display:flex;}.elementor-4969 .elementor-element.elementor-element-67f0556c:not(.elementor-motion-effects-element-type-background), .elementor-4969 .elementor-element.elementor-element-67f0556c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fadecocontratistas.es/wp-content/uploads/low-poly-grid-haikei-1.svg");}.elementor-4969 .elementor-element.elementor-element-1aa48399{--display:flex;}.elementor-4969 .elementor-element.elementor-element-429e8c0{--display:flex;}.elementor-4969 .elementor-element.elementor-element-f4bfe0d{--grid-columns:3;--grid-row-gap:5em;--load-more-button-align:center;--grid-column-gap:1em;}@media(max-width:1024px){.elementor-4969 .elementor-element.elementor-element-f4bfe0d{--grid-columns:2;}}@media(max-width:767px){.elementor-4969 .elementor-element.elementor-element-f4bfe0d{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-7d867ef7 */.elementor-4969 .elementor-element.elementor-element-7d867ef7 h1{
    font-size: var(--font-size-h2);
    color: var(--text-light);
    text-align: center;
    text-shadow: var(--trext-shadow-dark);
    line-height: 1.4;
    margin-block-end: 1em;
    
}
.elementor-4969 .elementor-element.elementor-element-7d867ef7 p{
    font-size: var(--font-size-h6);
    color: var(--text-light);
    text-shadow: var(--trext-shadow-dark);
    text-align: center;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67f0556c *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-4969 .elementor-element.elementor-element-67f0556c{
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;
/* 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-inline: 11vw;
}


@media only screen and (max-width: 1024px){
.elementor-4969 .elementor-element.elementor-element-67f0556c{
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-4969 .elementor-element.elementor-element-67f0556c{
padding-inline: 		min(1.6rem, 5vw);
	}
}



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

.elementor-4969 .elementor-element.elementor-element-67f0556c > 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-4969 .elementor-element.elementor-element-67f0556c > div:nth-child(1){
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.elementor-4969 .elementor-element.elementor-element-67f0556c > 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-4969 .elementor-element.elementor-element-67f0556c{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;

	}
}
*//* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-f4bfe0d *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

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

@media  only screen and (max-width: 1024px){
.elementor-4969 .elementor-element.elementor-element-f4bfe0d  .elementor-loop-container.elementor-grid{
grid-template-columns: repeat(1, minmax(10px, 1fr));
    }
}

/* button 
--------------- */

.elementor-4969 .elementor-element.elementor-element-f4bfe0d .e-loop__load-more.elementor-button-wrapper{
    margin: 0;
    padding: 0;
}

.elementor-4969 .elementor-element.elementor-element-f4bfe0d a.elementor-button-link.elementor-button{
	color: var(--text-white);
	padding: 1em;
	font-size: var(--font-size-p);
	font-stretch: var(--font-stretch-normal);
	font-variant-caps: var(--font-variant-caps-small);
	letter-spacing: var(--letter-spacing-expanded);
	border: 1px solid transparent;
	width: min(300px, 60vw);
	text-align: center; 
	background: linear-gradient(135deg, var(--brand-color), var(--color-light-8));
	border-radius: 	0.18em;
	transition: transform .3s ease-in;
	margin-bottom: max(5%, 30px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-429e8c0 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-4969 .elementor-element.elementor-element-429e8c0 {
/* 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;
-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;
-ms-flex-line-pack:center;
align-content:center;
gap: 2em;
/*background-color:;*/
padding: 0;
margin: 0;
}


@media only screen and (max-width: 1024px){
.elementor-4969 .elementor-element.elementor-element-429e8c0{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
/* Image appears before text
---------------------------- */
.elementor-4969 .elementor-element.elementor-element-429e8c0 > div:nth-child(2) {
order: -1;
}
}

/* For child of flex inheritance
------------------- */
.elementor-4969 .elementor-element.elementor-element-429e8c0 > div{
    flex: 1 1 auto;
}/* End custom CSS */