.elementor-11706 .elementor-element.elementor-element-487e34dc{--display:flex;}.elementor-11706 .elementor-element.elementor-element-40633db{--display:flex;}.elementor-11706 .elementor-element.elementor-element-2521fd2{--display:grid;--grid-auto-flow:row;}.elementor-11706 .elementor-element.elementor-element-808665b{--display:flex;}.elementor-11706 .elementor-element.elementor-element-9ec45ec{--display:flex;}.elementor-11706 .elementor-element.elementor-element-7e62702 .elementor-icon-wrapper{text-align:center;}.elementor-11706 .elementor-element.elementor-element-3ef1782 .elementor-icon-wrapper{text-align:center;}.elementor-11706 .elementor-element.elementor-element-80044ed .elementor-icon-wrapper{text-align:center;}.elementor-11706 .elementor-element.elementor-element-a684c95 .elementor-icon-wrapper{text-align:center;}.elementor-11706 .elementor-element.elementor-element-9c38b34 .elementor-icon-wrapper{text-align:center;}@media(max-width:1024px){.elementor-11706 .elementor-element.elementor-element-2521fd2{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}}@media(max-width:767px){.elementor-11706 .elementor-element.elementor-element-2521fd2{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}}/* Start custom CSS for html, class: .elementor-element-cc550f5 */.elementor-11706 .elementor-element.elementor-element-cc550f5 a{
    margin: 0;
    color: var(--text-dark);
    padding: 0;
}

.elementor-11706 .elementor-element.elementor-element-cc550f5 p{
    margin: 0;
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487e34dc *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-11706 .elementor-element.elementor-element-487e34dc{
 
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(--brand-color);

margin: 0;
margin-inline: calc(50% - 50vw);

padding: 0;
padding-block: 2em;
padding-inline: 10vw;
   
}


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


@media only screen and (max-width: 600px){
	.elementor-11706 .elementor-element.elementor-element-487e34dc{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d9e255e */.elementor-11706 .elementor-element.elementor-element-d9e255e img{
    margin: 0;
    padding: 0;
    max-height: 28px;
    max-block-size: 28px;
    width: auto;
    inline-size: auto;
    height: auto;
    block-size: auto;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51ae41b */.elementor-11706 .elementor-element.elementor-element-51ae41b p{
    text-align: center;
    margin: 0;
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-808665b *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-11706 .elementor-element.elementor-element-808665b{
/* 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 icon, class: .elementor-element-7e62702 *//* Wrapper */
.elementor-11706 .elementor-element.elementor-element-7e62702 .elementor-icon{
    font-size: var(--font-size-p);
}
/* icon */
.elementor-11706 .elementor-element.elementor-element-7e62702 .e-font-icon-svg{
    fill: var(--text-light);
    filter: drop-shadow(1px 1px 0px var(--color-light-5));
    height: 1.1em;
    width: 1.1em;

}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3ef1782 *//* Wrapper */
.elementor-11706 .elementor-element.elementor-element-3ef1782 .elementor-icon{
    font-size: var(--font-size-p);
}
/* icon */
.elementor-11706 .elementor-element.elementor-element-3ef1782 .e-font-icon-svg{
    fill: var(--text-light);
    filter: drop-shadow(1px 1px 0px var(--color-light-5));
    height: 1.1em;
    width: 1.1em;

}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-80044ed *//* Wrapper */
.elementor-11706 .elementor-element.elementor-element-80044ed .elementor-icon{
    font-size: var(--font-size-p);
}
/* icon */
.elementor-11706 .elementor-element.elementor-element-80044ed .e-font-icon-svg{
    fill: var(--text-light);
    filter: drop-shadow(1px 1px 0px var(--color-light-5));
    height: 1.1em;
    width: 1.1em;

}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a684c95 *//* Wrapper */
.elementor-11706 .elementor-element.elementor-element-a684c95 .elementor-icon{
    font-size: var(--font-size-p);
}
/* icon */
.elementor-11706 .elementor-element.elementor-element-a684c95 .e-font-icon-svg{
    fill: var(--text-light);
    filter: drop-shadow(1px 1px 0px var(--color-light-5));
    height: 1.1em;
    width: 1.1em;

}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9c38b34 *//* Wrapper */
.elementor-11706 .elementor-element.elementor-element-9c38b34 .elementor-icon{
    font-size: var(--font-size-p);
}
/* icon */
.elementor-11706 .elementor-element.elementor-element-9c38b34 .e-font-icon-svg{
    fill: var(--text-light);
    filter: drop-shadow(1px 1px 0px var(--color-light-5));
    height: 1.1em;
    width: 1.1em;

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

.elementor-11706 .elementor-element.elementor-element-9ec45ec{
/* 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: row nowrap;
justify-content: center;
align-items: center;
/* has not effect with nowrap */
align-content: center;
gap: 1em;

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

.elementor-11706 .elementor-element.elementor-element-2521fd2 {
    
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;

}


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

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

.elementor-11706 .elementor-element.elementor-element-40633db{
 
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);

padding: 0;
padding-block: 2em;
padding-inline: 10vw;
   
}


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


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

/* Configurar divider 
-----------------------
*/
.elementor-11706 .elementor-element.elementor-element-40633db .elementor-shape.elementor-shape-top svg{
width: 100vw;
height: 40px;
}

.elementor-11706 .elementor-element.elementor-element-40633db svg path{
fill: var(--brand-color);
}/* End custom CSS */