.elementor-5600 .elementor-element.elementor-element-38b6caa3{--display:flex;}.elementor-5600 .elementor-element.elementor-element-5761af14{--display:grid;--grid-auto-flow:row;}.elementor-5600 .elementor-element.elementor-element-6e4200d6{--display:flex;}.elementor-5600 .elementor-element.elementor-element-607abbcb{--display:flex;}.elementor-5600 .elementor-element.elementor-element-45feb5cd{--display:flex;}.elementor-5600 .elementor-element.elementor-element-10bb8488{--divider-border-style:solid;}.elementor-5600 .elementor-element.elementor-element-10ed4551{--display:flex;}.elementor-5600 .elementor-element.elementor-element-1c138a9{--display:flex;}.elementor-5600 .elementor-element.elementor-element-2ecb4a1{--load-more-message-alignment:center;--load-more-button-align:center;}@media(max-width:1024px){.elementor-5600 .elementor-element.elementor-element-5761af14{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-5600 .elementor-element.elementor-element-2ecb4a1{--grid-columns:2;}}@media(max-width:767px){.elementor-5600 .elementor-element.elementor-element-5761af14{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-5600 .elementor-element.elementor-element-2ecb4a1{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-36e5b40 */.elementor-5600 .elementor-element.elementor-element-36e5b40 h1{

text-align: center;
padding: 0;
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38b6caa3 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-5600 .elementor-element.elementor-element-38b6caa3{
 
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: -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: 1em;
/* Edit the image */
/*background-blend-mode: multiply;*/
background-color: var(--color-hue-2);

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-5600 .elementor-element.elementor-element-38b6caa3{
padding-inline: 8vw;

-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
 min-height: 40svh;
    }
}


@media only screen and (max-width: 600px){
	.elementor-5600 .elementor-element.elementor-element-38b6caa3{
padding-inline: min(1.6rem, 5vw);
 min-height: 40svh;
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34e99b9 */.elementor-5600 .elementor-element.elementor-element-34e99b9 p{
    
text-align: center;
margin: 0;
font-weight: var(--font-weight-bold);
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5761af14 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-5600 .elementor-element.elementor-element-5761af14 {
    
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(7%, 60px);
}


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

    
}
}


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

.elementor-5600 .elementor-element.elementor-element-5761af14 > div{
/* grid-area: ;*/
/* grid-column-start: ;*/
/* grid-column-end: ;*/
/* grid-row-start: ;*/
/* grid-row-end: ;*/
/* justify-self: ;*/
/* align-self: ;*/

min-width: 0;             
min-height: 0;            
inline-size: 100%;
max-inline-size: 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;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-10bb8488 *//* To congifure the divider
*/

/* Lines */
.elementor-5600 .elementor-element.elementor-element-10bb8488 span.elementor-divider-separator{
width: 100%;
}

.elementor-5600 .elementor-element.elementor-element-10bb8488 span::before,
.elementor-5600 .elementor-element.elementor-element-10bb8488 span::after{
border-block-start: .11em solid var(--color-sat-5);
}

/* Icon */
.elementor-5600 .elementor-element.elementor-element-10bb8488 span.elementor-divider-separator div.elementor-icon elementor-divider__element{
margin: 0 1em;
font-size: .8em;
}

.elementor-5600 .elementor-element.elementor-element-10bb8488 span div > svg{
fill: var(--color-hue-2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45feb5cd *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-5600 .elementor-element.elementor-element-45feb5cd {
    
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

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

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;

padding: 0;
margin: 0;
margin-block-end: max(7%, 60px);
   
}


@media only screen and (max-width: 1024px){
.elementor-5600 .elementor-element.elementor-element-45feb5cd{
-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-4de5627c */.elementor-5600 .elementor-element.elementor-element-4de5627c h2{
    
text-align: center;
padding: 0;
color: var(--color-hue-2);

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

.elementor-5600 .elementor-element.elementor-element-10ed4551 {

width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 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;

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

}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2ecb4a1 */.elementor-5600 .elementor-element.elementor-element-2ecb4a1 .elementor-loop-container.elementor-grid{

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

display: grid;

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

align-items: center;
justify-content: center;
justify-items: center;
align-content: center;

row-gap: 75px;

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


}



/* button load more wrapper */
.elementor-5600 .elementor-element.elementor-element-2ecb4a1 .e-loop__load-more.elementor-button-wrapper{

margin-block-start: 0;  

}

/* button load more */
.elementor-5600 .elementor-element.elementor-element-2ecb4a1 .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-5600 .elementor-element.elementor-element-2ecb4a1 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-1c138a9 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-5600 .elementor-element.elementor-element-1c138a9 {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

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

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;

padding: 0;
margin: 0;

padding-block-end: 1em;
   
}


@media only screen and (max-width: 1024px){
.elementor-5600 .elementor-element.elementor-element-1c138a9{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
}/* End custom CSS */