.elementor-4540 .elementor-element.elementor-element-17ad8131{--display:flex;}.elementor-4540 .elementor-element.elementor-element-bcba9ba{--display:flex;}.elementor-4540 .elementor-element.elementor-element-73395b73{--display:flex;}.elementor-4540 .elementor-element.elementor-element-33a2d3a1{--grid-columns:3;--grid-row-gap:5em;--load-more-button-align:center;--grid-column-gap:1em;}@media(max-width:1024px){.elementor-4540 .elementor-element.elementor-element-33a2d3a1{--grid-columns:2;}}@media(max-width:767px){.elementor-4540 .elementor-element.elementor-element-33a2d3a1{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-7b3896c7 */.elementor-4540 .elementor-element.elementor-element-7b3896c7 h1{
    font-size: var(--font-size-h1);
    color: var(--text-light);
    text-align: center;
    text-shadow: var(--trext-shadow);
    line-height: 1.4;
    word-spacing: var(--word-spacing-wide);
    
}
.elementor-4540 .elementor-element.elementor-element-7b3896c7 p{
    font-size: var(--font-size-h6);
    color: var(--text-white);
    text-shadow: var(--trext-shadow);
    text-align: center;
    line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17ad8131 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-4540 .elementor-element.elementor-element-17ad8131{
width: 100vw;
max-width: 100vw;
min-height: 70vh;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
background-color: var(--color-hue-2);
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-light-6);
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-4540 .elementor-element.elementor-element-17ad8131{
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-4540 .elementor-element.elementor-element-17ad8131{
padding-inline: 		min(1.6rem, 5vw);
	}
}



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

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

.elementor-4540 .elementor-element.elementor-element-17ad8131 > 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-4540 .elementor-element.elementor-element-17ad8131{
-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-33a2d3a1 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-4540 .elementor-element.elementor-element-33a2d3a1 .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: 1em;
row-gap: 3em;
justify-items: center;   /* center horizontally */
align-items: start;      /* stick to top of each cell */
justify-content: center; 
align-content: start;    /* grid rows start at the top */
/*grid-auto-columns: ;*/
/*grid-auto-rows:;*/
grid-auto-flow: row;
padding:0;
margin: 0;
margin-block-end: max(6%, 40px);
}

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

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

.elementor-4540 .elementor-element.elementor-element-33a2d3a1 .e-loop__load-more.elementor-button-wrapper{
    margin: 0;
    padding: 0;
}

.elementor-4540 .elementor-element.elementor-element-33a2d3a1 a.elementor-button-link.elementor-button{
	color: var(--text-light);
	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-3));
	border-radius: 	0.18em;
	transition: transform .3s ease-in;
	margin-bottom: max(5%, 30px);
	text-shadow: var(--text-shadow-dark);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73395b73 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-4540 .elementor-element.elementor-element-73395b73 {
/* 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-4540 .elementor-element.elementor-element-73395b73{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
/* Image appears before text
---------------------------- */
.elementor-4540 .elementor-element.elementor-element-73395b73 > div:nth-child(2) {
order: -1;
}
}

/* For child of flex inheritance
------------------- */
.elementor-4540 .elementor-element.elementor-element-73395b73 > div{
    flex: 1 1 auto;
}/* End custom CSS */