.elementor-604 .elementor-element.elementor-element-6cb1440d{--display:flex;}.elementor-604 .elementor-element.elementor-element-65c94e4d{--display:grid;--grid-auto-flow:row;}.elementor-604 .elementor-element.elementor-element-2ccf9df{--display:flex;}.elementor-604 .elementor-element.elementor-element-3e210875{--display:flex;}.elementor-604 .elementor-element.elementor-element-1e2f5e0b{--display:flex;}.elementor-604 .elementor-element.elementor-element-efdcf5f{--display:flex;}.elementor-604 .elementor-element.elementor-element-65ea0b7b{--display:flex;}.elementor-604 .elementor-element.elementor-element-7297665{--display:flex;}.elementor-604 .elementor-element.elementor-element-8948834{--display:flex;}.elementor-604 .elementor-element.elementor-element-65de053{--display:flex;}.elementor-604 .elementor-element.elementor-element-5175b2ae{--display:flex;}@media(max-width:1024px){.elementor-604 .elementor-element.elementor-element-65c94e4d{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-604 .elementor-element.elementor-element-bf72334{--grid-columns:2;}.elementor-604 .elementor-element.elementor-element-1fda687{--grid-columns:2;}.elementor-604 .elementor-element.elementor-element-1e0a587{--grid-columns:2;}.elementor-604 .elementor-element.elementor-element-d5e99d3{--grid-columns:2;}}@media(max-width:767px){.elementor-604 .elementor-element.elementor-element-65c94e4d{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-604 .elementor-element.elementor-element-bf72334{--grid-columns:1;}.elementor-604 .elementor-element.elementor-element-1fda687{--grid-columns:1;}.elementor-604 .elementor-element.elementor-element-1e0a587{--grid-columns:1;}.elementor-604 .elementor-element.elementor-element-d5e99d3{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-614291f0 */.elementor-604 .elementor-element.elementor-element-614291f0 {
    margin: 0;
    padding: 0;
}


.elementor-604 .elementor-element.elementor-element-614291f0 h1{
padding: 0;
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cb1440d *//* Flex container */
.elementor-604 .elementor-element.elementor-element-6cb1440d{
 
width: 100vw;   
max-width: 100vw;    
inline-size: 100svw;   
max-inline-size: 100svw;
min-height: 30svh;

overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;

display: flex;
/*flex-flow: row nowrap;*/
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/*align-content: center; */
gap: 1em;
/* Edit the image */

/*background-blend-mode: multiply;*/
background-color: var(--brand-color);

margin: 0;
margin-inline: calc(50% - 50vw);
margin-block-end: max(10%, 80px);
padding: 0;
padding-block-end: max(7%, 50px);
padding-block-start: max(7%, 50px);
padding-inline: 10vw;
   
}


@media only screen and (max-width: 1024px){
    .elementor-604 .elementor-element.elementor-element-6cb1440d{
padding-inline: 8vw;
flex-flow: column nowrap;
min-height: 40svh;
}
}


@media only screen and (max-width: 600px){
	.elementor-604 .elementor-element.elementor-element-6cb1440d{
padding-inline: min(1.6rem, 5vw);
 min-height: 40svh;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac0ae9e */.elementor-604 .elementor-element.elementor-element-ac0ae9e h2{
    font-size: var(--font-size-h3);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-606a60f3 */.elementor-604 .elementor-element.elementor-element-606a60f3 p{
    text-align: center;
    margin-block-end: .5em;
    
}

.elementor-604 .elementor-element.elementor-element-606a60f3 p:first-of-type{
    font-size: 1.1em;
    color: var(--text-dark-2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ccf9df *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-604 .elementor-element.elementor-element-2ccf9df{
/* grid-area: ;*/
/* grid-column-start: ;*/
/* grid-column-end: ;*/
/* grid-row-start: ;*/
/* grid-row-end: ;*/
/* justify-self: ;*/
/* align-self: ;*/

min-width: 0;             
min-height: 0; 
max-width: 100%;
width: 100%;
inline-size: 100%;
max-inline-size: 100%;


display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* has not effect with nowrap */
align-content: center;
gap: .5em;

padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3b916af */.elementor-604 .elementor-element.elementor-element-3b916af img{

max-height: 350px;
max-block-size: 350px;
inline-size: auto;
width: auto;
block-size: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e210875 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-604 .elementor-element.elementor-element-3e210875{
/* grid-area: ;*/
/* grid-column-start: ;*/
/* grid-column-end: ;*/
/* grid-row-start: ;*/
/* grid-row-end: ;*/
/* justify-self: ;*/
/* align-self: ;*/

min-width: 0;             
min-height: 0; 
max-width: 100%;
width: 100%;
inline-size: 100%;
max-inline-size: 100%;


display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* has not effect with nowrap */
align-content: center;
gap: .5em;

padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65c94e4d *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-604 .elementor-element.elementor-element-65c94e4d {
    
display: -ms-grid;
display: grid;

width: 100%;
inline-size: 100%;

grid-template-columns: repeat(2, minmax(10px, 1fr));
grid-template-rows: repeat(1, minmax(10px, 1fr));
/*
grid-template-areas:;*/

column-gap: 2em;
row-gap: 2em;

justify-items: center;
align-items: center;
/* with with 100% these two properties does not applied */
justify-content: center;
align-content: center;

/*grid-auto-columns: ;*/
/*grid-auto-rows:;*/
grid-auto-flow: row;

padding:0;
margin: 0;

margin-block-end: max(10%, 80px);
}


@media  only screen and (max-width: 1024px){
.elementor-604 .elementor-element.elementor-element-65c94e4d{
    
grid-template-columns: repeat(1, minmax(10px, 1fr));

    
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-703746aa */.elementor-604 .elementor-element.elementor-element-703746aa img{
max-height: 150px;
max-block-size: 150px;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
/* svg only */
/*Filter: drop-shadow(1px 1px 0px var(--color-light-5));*/

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d566272 */.elementor-604 .elementor-element.elementor-element-d566272 img{
max-height: 150px;
max-block-size: 150px;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
/* svg only */
/*Filter: drop-shadow(1px 1px 0px var(--color-light-5));*/

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efdcf5f *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-604 .elementor-element.elementor-element-efdcf5f {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
justify-content: space-evenly;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}


@media only screen and (max-width: 1024px){
.elementor-604 .elementor-element.elementor-element-efdcf5f{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e2f5e0b *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-604 .elementor-element.elementor-element-1e2f5e0b{
 
width: 100vw;   
max-width: 100vw;    
inline-size: 100svw;   
max-inline-size: 100svw;

overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: 1em;

/* Edit the image */
/*background-blend-mode: multiply;*/
background-color: var(--color-hue-1);

margin: 0;
margin-inline: calc(50% - 50vw);
margin-block-end: max(10%, 80px);

padding: 0;
padding-block: max(5%, 20px);
padding-inline: 10vw;
   
}


@media only screen and (max-width: 1024px){
    .elementor-604 .elementor-element.elementor-element-1e2f5e0b{
padding-inline: 8vw;
flex-flow: column nowrap;
    }
}


@media only screen and (max-width: 600px){
	.elementor-604 .elementor-element.elementor-element-1e2f5e0b{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f617e5 */.elementor-604 .elementor-element.elementor-element-1f617e5 h3{
    color: var(--color-hue-3);
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-bf72334 */.elementor-604 .elementor-element.elementor-element-bf72334 .elementor-loop-container.elementor-grid{

width: 100%;
inline-size: 100%;

display: grid;

grid-template-columns: repeat(3, minmax(10px, 1fr));
grid-template-rows: repeat(1, minmax(10px, 1fr));

align-items: stretch;
justify-content: center;
justify-items: center;
align-content: center;
column-gap: 1em;
row-gap: 75px;

margin-block-end: max(5%, 40px);
}

@media screen and (max-width: 1024px){

.elementor-604 .elementor-element.elementor-element-bf72334 .elementor-loop-container.elementor-grid{
    grid-template-columns: repeat(1, minmax(10px, 1fr));
    
}    
}    


/* button load more wrapper */
.elementor-604 .elementor-element.elementor-element-bf72334 .e-loop__load-more.elementor-button-wrapper{

margin-block-start: 0;  

}

/* button load more */
.elementor-604 .elementor-element.elementor-element-bf72334 .elementor-button{
    
background-color: var(--brand-color);
border-radius: .3em;
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
font-size: var(--font-size-p);
line-height: var(--line-height-condensed);
padding: 1em 2em;
text-align: center;

}

/* no more posts */

.elementor-604 .elementor-element.elementor-element-bf72334 div.e-load-more-message{
color: var(--color-hue-2); 
font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ea0b7b *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-604 .elementor-element.elementor-element-65ea0b7b {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
margin-block-end: max(7%, 40px);
}


@media only screen and (max-width: 1024px){
.elementor-604 .elementor-element.elementor-element-65ea0b7b{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-516096e */.elementor-604 .elementor-element.elementor-element-516096e h3{
    color: var(--color-hue-3);
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1fda687 */.elementor-604 .elementor-element.elementor-element-1fda687 .elementor-loop-container.elementor-grid{

width: 100%;
inline-size: 100%;

display: grid;

grid-template-columns: repeat(3, minmax(10px, 1fr));
grid-template-rows: repeat(1, minmax(10px, 1fr));

align-items: stretch;
justify-content: center;
justify-items: center;
align-content: center;
column-gap: 1em;
row-gap: 75px;

margin-block-end: max(5%, 40px);
}

@media screen and (max-width: 1024px){

.elementor-604 .elementor-element.elementor-element-1fda687 .elementor-loop-container.elementor-grid{
    grid-template-columns: repeat(1, minmax(10px, 1fr));
    
}    
}    


/* button load more wrapper */
.elementor-604 .elementor-element.elementor-element-1fda687 .e-loop__load-more.elementor-button-wrapper{

margin-block-start: 0;  

}

/* button load more */
.elementor-604 .elementor-element.elementor-element-1fda687 .elementor-button{
    
background-color: var(--brand-color);
border-radius: .3em;
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
font-size: var(--font-size-p);
line-height: var(--line-height-condensed);
padding: 1em 2em;
text-align: center;

}

/* no more posts */

.elementor-604 .elementor-element.elementor-element-1fda687 div.e-load-more-message{
color: var(--color-hue-2); 
font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7297665 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-604 .elementor-element.elementor-element-7297665 {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
margin-block-end: max(7%, 40px);
}


@media only screen and (max-width: 1024px){
.elementor-604 .elementor-element.elementor-element-7297665{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6118c09 */.elementor-604 .elementor-element.elementor-element-6118c09 h3{
    color: var(--color-hue-3);
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1e0a587 */.elementor-604 .elementor-element.elementor-element-1e0a587 .elementor-loop-container.elementor-grid{

width: 100%;
inline-size: 100%;

display: grid;

grid-template-columns: repeat(3, minmax(10px, 1fr));
grid-template-rows: repeat(1, minmax(10px, 1fr));

align-items: stretch;
justify-content: center;
justify-items: center;
align-content: center;
column-gap: 1em;
row-gap: 75px;

margin-block-end: max(5%, 40px);
}

@media screen and (max-width: 1024px){

.elementor-604 .elementor-element.elementor-element-1e0a587 .elementor-loop-container.elementor-grid{
    grid-template-columns: repeat(1, minmax(10px, 1fr));
    
}    
}    


/* button load more wrapper */
.elementor-604 .elementor-element.elementor-element-1e0a587 .e-loop__load-more.elementor-button-wrapper{

margin-block-start: 0;  

}

/* button load more */
.elementor-604 .elementor-element.elementor-element-1e0a587 .elementor-button{
    
background-color: var(--brand-color);
border-radius: .3em;
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
font-size: var(--font-size-p);
line-height: var(--line-height-condensed);
padding: 1em 2em;
text-align: center;

}

/* no more posts */

.elementor-604 .elementor-element.elementor-element-1e0a587 div.e-load-more-message{
color: var(--color-hue-2); 
font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8948834 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-604 .elementor-element.elementor-element-8948834 {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
margin-block-end: max(7%, 40px);
}


@media only screen and (max-width: 1024px){
.elementor-604 .elementor-element.elementor-element-8948834{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f186b3 */.elementor-604 .elementor-element.elementor-element-9f186b3 h3{
    color: var(--color-hue-3);
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d5e99d3 */.elementor-604 .elementor-element.elementor-element-d5e99d3 .elementor-loop-container.elementor-grid{

width: 100%;
inline-size: 100%;

display: grid;

grid-template-columns: repeat(3, minmax(10px, 1fr));
grid-template-rows: repeat(1, minmax(10px, 1fr));

align-items: stretch;
justify-content: center;
justify-items: center;
align-content: center;
column-gap: 1em;
row-gap: 75px;

margin-block-end: max(5%, 40px);
}

@media screen and (max-width: 1024px){

.elementor-604 .elementor-element.elementor-element-d5e99d3 .elementor-loop-container.elementor-grid{
    grid-template-columns: repeat(1, minmax(10px, 1fr));
    
}    
}    


/* button load more wrapper */
.elementor-604 .elementor-element.elementor-element-d5e99d3 .e-loop__load-more.elementor-button-wrapper{

margin-block-start: 0;  

}

/* button load more */
.elementor-604 .elementor-element.elementor-element-d5e99d3 .elementor-button{
    
background-color: var(--brand-color);
border-radius: .3em;
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
font-size: var(--font-size-p);
line-height: var(--line-height-condensed);
padding: 1em 2em;
text-align: center;

}

/* no more posts */

.elementor-604 .elementor-element.elementor-element-d5e99d3 div.e-load-more-message{
color: var(--color-hue-2); 
font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65de053 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-604 .elementor-element.elementor-element-65de053 {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
margin-block-end: max(7%, 40px);
}


@media only screen and (max-width: 1024px){
.elementor-604 .elementor-element.elementor-element-65de053{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5175b2ae *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-604 .elementor-element.elementor-element-5175b2ae {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
/*       
flex-flow: column nowrap;
*/
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
margin-block-end: max(7%, 40px);
}


@media only screen and (max-width: 1024px){
.elementor-604 .elementor-element.elementor-element-5175b2ae{
flex-flow: column nowrap;
}
}/* End custom CSS */