.elementor-19723 .elementor-element.elementor-element-a19e7a7{--display:flex;}.elementor-19723 .elementor-element.elementor-element-7df979c{--display:grid;--grid-auto-flow:row;}.elementor-19723 .elementor-element.elementor-element-ed3a493{--display:flex;}.elementor-19723 .elementor-element.elementor-element-d1826fa{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-19723 .elementor-element.elementor-element-7ac1eb0a{--display:flex;}.elementor-19723 .elementor-element.elementor-element-b8d0bee{--display:grid;--grid-auto-flow:row;}.elementor-19723 .elementor-element.elementor-element-a0c8546{--display:flex;}.elementor-19723 .elementor-element.elementor-element-3963198{--display:flex;}.elementor-19723 .elementor-element.elementor-element-afa69a3{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-19723 .elementor-element.elementor-element-f6a75b8{--display:flex;}.elementor-19723 .elementor-element.elementor-element-9623774{--display:flex;}.elementor-19723 .elementor-element.elementor-element-b3c597d{--display:grid;--grid-auto-flow:row;}.elementor-19723 .elementor-element.elementor-element-cbc5ff0{--display:flex;}.elementor-19723 .elementor-element.elementor-element-449dd38{--display:flex;}.elementor-19723 .elementor-element.elementor-element-a59e684{--display:flex;}.elementor-19723 .elementor-element.elementor-element-d0e97b6{--display:flex;}.elementor-19723 .elementor-element.elementor-element-68b2d5a7{--display:flex;}.elementor-19723 .elementor-element.elementor-element-8ec9fa2{--display:flex;}.elementor-19723 .elementor-element.elementor-element-b1b8d34{--display:flex;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-19723 .elementor-element.elementor-element-4ed7150.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-19723 .elementor-element.elementor-element-4ed7150.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-19723 .elementor-element.elementor-element-4ed7150.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-19723 .elementor-element.elementor-element-4ed7150 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-19723 .elementor-element.elementor-element-4ed7150 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-19723 .elementor-element.elementor-element-a5ae5be.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-19723 .elementor-element.elementor-element-a5ae5be.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-19723 .elementor-element.elementor-element-a5ae5be.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-19723 .elementor-element.elementor-element-a5ae5be .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-19723 .elementor-element.elementor-element-a5ae5be .elementor-image-box-img img{transition-duration:0.3s;}.elementor-19723 .elementor-element.elementor-element-5504542.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-19723 .elementor-element.elementor-element-5504542.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-19723 .elementor-element.elementor-element-5504542.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-19723 .elementor-element.elementor-element-5504542 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-19723 .elementor-element.elementor-element-5504542 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-19723 .elementor-element.elementor-element-e790092.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-19723 .elementor-element.elementor-element-e790092.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-19723 .elementor-element.elementor-element-e790092.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-19723 .elementor-element.elementor-element-e790092 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-19723 .elementor-element.elementor-element-e790092 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-19723 .elementor-element.elementor-element-7e89c0c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-19723 .elementor-element.elementor-element-7e89c0c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-19723 .elementor-element.elementor-element-7e89c0c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-19723 .elementor-element.elementor-element-7e89c0c .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-19723 .elementor-element.elementor-element-7e89c0c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-19723 .elementor-element.elementor-element-8651d9c{--display:flex;}.elementor-19723 .elementor-element.elementor-element-9354e2e{--display:flex;}.elementor-19723 .elementor-element.elementor-element-348630e{--display:grid;--grid-auto-flow:row;}.elementor-19723 .elementor-element.elementor-element-b08787d{--display:flex;}.elementor-19723 .elementor-element.elementor-element-bc236c7{--display:flex;}.elementor-19723 .elementor-element.elementor-element-8453420{--display:flex;}.elementor-19723 .elementor-element.elementor-element-09c83ed{--display:flex;}.elementor-19723 .elementor-element.elementor-element-a39c690{--display:flex;}.elementor-19723 .elementor-element.elementor-element-8b8c3d7{--display:flex;}.elementor-19723 .elementor-element.elementor-element-209333c{--display:flex;}.elementor-19723 .elementor-element.elementor-element-656a91f{--display:grid;--grid-auto-flow:row;}.elementor-19723 .elementor-element.elementor-element-6c82d0e{--display:flex;}.elementor-19723 .elementor-element.elementor-element-6347415{--display:flex;}.elementor-19723 .elementor-element.elementor-element-ad35480{--display:flex;}.elementor-19723 .elementor-element.elementor-element-72719090{--display:flex;}.elementor-19723 .elementor-element.elementor-element-190edd6{--display:grid;--grid-auto-flow:row;}.elementor-19723 .elementor-element.elementor-element-9ac7920{--display:flex;}.elementor-19723 .elementor-element.elementor-element-0cfe031{--display:flex;}@media(max-width:1024px){.elementor-19723 .elementor-element.elementor-element-7df979c{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-19723 .elementor-element.elementor-element-b8d0bee{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-19723 .elementor-element.elementor-element-b3c597d{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-19723 .elementor-element.elementor-element-348630e{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-19723 .elementor-element.elementor-element-656a91f{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-19723 .elementor-element.elementor-element-190edd6{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}}@media(max-width:767px){.elementor-19723 .elementor-element.elementor-element-7df979c{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-19723 .elementor-element.elementor-element-b8d0bee{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-19723 .elementor-element.elementor-element-b3c597d{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-widget-image-box .elementor-image-box-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-19723 .elementor-element.elementor-element-4ed7150 .elementor-image-box-img{margin-bottom:15px;}.elementor-19723 .elementor-element.elementor-element-a5ae5be .elementor-image-box-img{margin-bottom:15px;}.elementor-19723 .elementor-element.elementor-element-5504542 .elementor-image-box-img{margin-bottom:15px;}.elementor-19723 .elementor-element.elementor-element-e790092 .elementor-image-box-img{margin-bottom:15px;}.elementor-19723 .elementor-element.elementor-element-7e89c0c .elementor-image-box-img{margin-bottom:15px;}.elementor-19723 .elementor-element.elementor-element-348630e{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-19723 .elementor-element.elementor-element-656a91f{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-19723 .elementor-element.elementor-element-190edd6{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}}/* Start custom CSS for html, class: .elementor-element-544dc14 */.elementor-19723 .elementor-element.elementor-element-544dc14 h1{
    font-size: var(--font-size-h3);
line-height: var(--line-height-condensed);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93387ed */.elementor-19723 .elementor-element.elementor-element-93387ed p{
    line-height: var(--line-height-normal);
    font-family: var(--font-family);
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ddaf6a1 */.elementor-19723 .elementor-element.elementor-element-ddaf6a1 p{
    line-height: var(--line-height-normal);
    font-family: var(--font-family);
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a30107c *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-19723 .elementor-element.elementor-element-a30107c a.button{
    margin: 0;
    width: 100%;
    background: var(--brand-color);
    color: var(--text-light);
    line-height: var(--line-height-normal);
    text-shadow: var(--text-shadow-dark);
    
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed3a493 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-ed3a493{
/* 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: flex-start;
/* has not effect with nowrap */
align-content: center;
gap: 2em;

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

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

}

@media screen and (max-width: 802px){
    .elementor-19723 .elementor-element.elementor-element-c4aafe3 img{
    max-block-size: 350px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1826fa *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-d1826fa{
/* 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-7df979c *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-19723 .elementor-element.elementor-element-7df979c {
    
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-19723 .elementor-element.elementor-element-7df979c{
    
grid-template-columns: repeat(1, minmax(10px, 1fr));

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

.elementor-19723 .elementor-element.elementor-element-a19e7a7{
 
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;

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

padding: 0;
padding-block-start: 30px;
padding-inline: 10vw;
   
}


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


@media only screen and (max-width: 600px){
	.elementor-19723 .elementor-element.elementor-element-a19e7a7{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-756ec42 */.elementor-19723 .elementor-element.elementor-element-756ec42 p{
    font-size: var(--font-size-h6);
    color: var(--color-sat-1);
    text-shadow: var(--text-shadow-dark);
    line-height: var(--line-height-condensed);
    margin: 0;
    font-weight: var(--font-weight-bold);
  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a914c7b */.elementor-19723 .elementor-element.elementor-element-a914c7b h2{
    font-size: var(--font-size-h4);
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    line-height: var(--line-height-condensed);
  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3b381e */.elementor-19723 .elementor-element.elementor-element-c3b381e p{
   color: var(--text-light);
   line-height: var(--line-height-normal);
   text-shadow: var(--text-shadow-dark);
    
}

.elementor-19723 .elementor-element.elementor-element-c3b381e p:last-of-type{
   margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0c8546 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-a0c8546{
/* 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: flex-start;
/* has not effect with nowrap */
align-content: center;
gap: .5em;

padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5cf0d5 */.elementor-19723 .elementor-element.elementor-element-a5cf0d5.elementor-widget-html{
    border-block-end: 2px solid var(--color-light-1);
    
}



.elementor-19723 .elementor-element.elementor-element-a5cf0d5 p:first-of-type{
    font-size: var(--font-size-h1);
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    line-height: var(--line-height-condensed);
    margin: 0;
    margin-block-end: .3em;
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-xwide);
    text-align: center;
}

.elementor-19723 .elementor-element.elementor-element-a5cf0d5 p:last-of-type{
      font-size: var(--font-size-h4);
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    line-height: var(--line-height-condensed);
    margin: 0;
    margin-block-end: .3em;
    font-weight: var(--font-weight-bold);
    text-align: center;
      letter-spacing: var(--letter-spacing-wide);
    
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3c98592 *//* container div */
.elementor-19723 .elementor-element.elementor-element-3c98592 div.elementor-icon-box-wrapper{
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
gap: .5em;

font-size: var(--font-size-p);    
}

/*icon */ 
.elementor-19723 .elementor-element.elementor-element-3c98592 span.elementor-icon > svg {
    width: .6em;
    height: .6em;
}

/* text */ 
.elementor-19723 .elementor-element.elementor-element-3c98592 .elementor-icon-box-title{
margin: 0;
color: var(--color-sat-1);
text-shadow: var(--text-shadow-dark);
font-family: var(--font-family);
line-height: var(--line-height-condensed);
letter-spacing: var(--letter-spacing-normal);


}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e9e3a6d *//* container div */
.elementor-19723 .elementor-element.elementor-element-e9e3a6d div.elementor-icon-box-wrapper{
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
gap: .5em;

font-size: var(--font-size-p);    
}

/*icon */ 
.elementor-19723 .elementor-element.elementor-element-e9e3a6d span.elementor-icon > svg {
    width: .6em;
    height: .6em;
}

/* text */ 
.elementor-19723 .elementor-element.elementor-element-e9e3a6d .elementor-icon-box-title{
margin: 0;
color: var(--color-sat-1);
text-shadow: var(--text-shadow-dark);
font-family: var(--font-family);
line-height: var(--line-height-condensed);
letter-spacing: var(--letter-spacing-normal);


}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-02e103c *//* container div */
.elementor-19723 .elementor-element.elementor-element-02e103c div.elementor-icon-box-wrapper{
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
gap: .5em;

font-size: var(--font-size-p);    
}

/*icon */ 
.elementor-19723 .elementor-element.elementor-element-02e103c span.elementor-icon > svg {
    width: .6em;
    height: .6em;
}

/* text */ 
.elementor-19723 .elementor-element.elementor-element-02e103c .elementor-icon-box-title{
margin: 0;
color: var(--color-sat-1);
text-shadow: var(--text-shadow-dark);
font-family: var(--font-family);
line-height: var(--line-height-condensed);
letter-spacing: var(--letter-spacing-normal);


}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-871c39a *//* container div */
.elementor-19723 .elementor-element.elementor-element-871c39a div.elementor-icon-box-wrapper{
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
gap: .5em;

font-size: var(--font-size-p);    
}

/*icon */ 
.elementor-19723 .elementor-element.elementor-element-871c39a span.elementor-icon > svg {
    width: .6em;
    height: .6em;
}

/* text */ 
.elementor-19723 .elementor-element.elementor-element-871c39a .elementor-icon-box-title{
margin: 0;
color: var(--color-sat-1);
text-shadow: var(--text-shadow-dark);
font-family: var(--font-family);
line-height: var(--line-height-condensed);
letter-spacing: var(--letter-spacing-normal);


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

.elementor-19723 .elementor-element.elementor-element-afa69a3 {
width: 100%;
max-width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content:center;
gap: 2em;
/*background-color:;*/
padding: 0;
margin: 0;

}


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

.elementor-19723 .elementor-element.elementor-element-3963198{
/* 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: 3.5em;

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

.elementor-19723 .elementor-element.elementor-element-b8d0bee {
    
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-19723 .elementor-element.elementor-element-b8d0bee{
    
grid-template-columns: repeat(1, minmax(10px, 1fr));

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

.elementor-19723 .elementor-element.elementor-element-7ac1eb0a{
 
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-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-19723 .elementor-element.elementor-element-7ac1eb0a{
padding-inline: 8vw;
flex-flow: column nowrap;
    }
}


@media only screen and (max-width: 600px){
	.elementor-19723 .elementor-element.elementor-element-7ac1eb0a{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8da1ab9 */.elementor-19723 .elementor-element.elementor-element-8da1ab9 p{
    font-size: var(--font-size-h6);
    color: var(--color-light-3);
    line-height: var(--line-height-condensed);
    margin-block-end: .3em;
    font-weight: var(--font-weight-bold);
  
}

.elementor-19723 .elementor-element.elementor-element-8da1ab9 h2{
    font-size: var(--font-size-h4);
    line-height: var(--line-height-condensed);
  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ce5fbd */.elementor-19723 .elementor-element.elementor-element-8ce5fbd p{
   color: var(--color-sat-5);
   line-height: var(--line-height-normal);
   margin: 0;
   font-weight: var(--font-weight-bold);
   font-family: var(--fontfamily);
   font-size: var(--font-size-sub);
   font-style: italic;
    
}

.elementor-19723 .elementor-element.elementor-element-8ce5fbd span{
    color: var(--color-light-3);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9623774 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-9623774 {
width: 100%;
max-width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content:center;
gap: 1em;
/*background-color:;*/
padding: 0;
margin: 0;

}


@media only screen and (max-width: 1024px){
.elementor-19723 .elementor-element.elementor-element-9623774{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82d6a71 */.elementor-19723 .elementor-element.elementor-element-82d6a71 img{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-300b7f9 */.elementor-19723 .elementor-element.elementor-element-300b7f9 {
    margin: 0;
    padding: 0;
}

.elementor-19723 .elementor-element.elementor-element-300b7f9 h3{
    font-size: var(--font-size-h6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23e7162 */.elementor-19723 .elementor-element.elementor-element-23e7162 p{
    line-height: var(--line-height-normal);
    font-family: var(--font-family);
    margin: 0;
    text-align: center;
    font-size: var(--font-size-sub);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbc5ff0 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-cbc5ff0{
/* 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: .2em;

padding: .5em;
border: 1px solid var(--color-sat-5);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7998569 */.elementor-19723 .elementor-element.elementor-element-7998569 img{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7123403 */.elementor-19723 .elementor-element.elementor-element-7123403 {
    margin: 0;
    padding: 0;
}

.elementor-19723 .elementor-element.elementor-element-7123403 h3{
    font-size: var(--font-size-p);
    text-align: center;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b15f2aa */.elementor-19723 .elementor-element.elementor-element-b15f2aa p{
    line-height: var(--line-height-normal);
    font-family: var(--font-family);
    margin: 0;
    text-align: center;
    font-size: var(--font-size-sub);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-449dd38 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-449dd38{
/* 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: .2em;

padding: .5em;
border: 1px solid var(--color-sat-5);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5ba4b66 */.elementor-19723 .elementor-element.elementor-element-5ba4b66 img{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e19dd4b */.elementor-19723 .elementor-element.elementor-element-e19dd4b {
    margin: 0;
    padding: 0;
}

.elementor-19723 .elementor-element.elementor-element-e19dd4b h3{
    font-size: var(--font-size-h6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-505cd10 */.elementor-19723 .elementor-element.elementor-element-505cd10 p{
    line-height: var(--line-height-normal);
    font-family: var(--font-family);
    margin: 0;
    text-align: center;
    font-size: var(--font-size-sub);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a59e684 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-a59e684{
/* 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: .2em;

padding: .5em;
padding-block: 1em;
border: 1px solid var(--color-sat-5);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f825f9c */.elementor-19723 .elementor-element.elementor-element-f825f9c img{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76befe8 */.elementor-19723 .elementor-element.elementor-element-76befe8 {
    margin: 0;
    padding: 0;
}

.elementor-19723 .elementor-element.elementor-element-76befe8 h3{
    font-size: var(--font-size-p);
    text-align: center;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8644c82 */.elementor-19723 .elementor-element.elementor-element-8644c82 p{
    line-height: var(--line-height-normal);
    font-family: var(--font-family);
    margin: 0;
    text-align: center;
    font-size: var(--font-size-sub);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0e97b6 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-d0e97b6{
/* 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: .2em;

padding: .5em;
border: 1px solid var(--color-sat-5);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3c597d *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-19723 .elementor-element.elementor-element-b3c597d {
    
display: -ms-grid;
display: grid;

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

grid-template-columns: repeat(4, 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: start;
/* 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-19723 .elementor-element.elementor-element-b3c597d{
    
grid-template-columns: repeat(1, minmax(10px, 1fr));

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

.elementor-19723 .elementor-element.elementor-element-f6a75b8{
 
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;


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

padding: 0;
padding-inline: 10vw;
   
}


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


@media only screen and (max-width: 600px){
	.elementor-19723 .elementor-element.elementor-element-f6a75b8{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f992e2 */.elementor-19723 .elementor-element.elementor-element-8f992e2 p{
    font-size: var(--font-size-h6);
    color: var(--brand-color);
    line-height: var(--line-height-condensed);
    margin: 0;
    font-weight: var(--font-weight-bold);
  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97c3271 */.elementor-19723 .elementor-element.elementor-element-97c3271 h2{
    font-size: var(--font-size-h3);
    color: var(--color-hue-1);
    line-height: var(--line-height-condensed);
  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b3ac3e3 */.elementor-19723 .elementor-element.elementor-element-b3ac3e3 p{
   color: var(--text-dark);
   line-height: var(--line-height-normal);
   margin: 0;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-607f395 */.elementor-19723 .elementor-element.elementor-element-607f395 a.button{
   color: var(--text-light);
   line-height: var(--line-height-normal);
   text-shadow: var(--text-shadow-dark);
   background: radial-gradient(var(--color-sat-1), var(--brand-color));
   margin: 0;
   font-variant-caps: var(--font-variant-caps-normal);
   letter-spacing: var(--letter-spacing-wide);
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ec9fa2 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-8ec9fa2 {
width: 100%;
max-width: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: flex-start;
align-content:center;
gap: .8em;
/*background-color:;*/
padding: 0;
margin: 0;

}


@media only screen and (max-width: 1024px){
.elementor-19723 .elementor-element.elementor-element-8ec9fa2{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-4ed7150 *//* figure */
.elementor-19723 .elementor-element.elementor-element-4ed7150 .elementor-image-box-wrapper .elementor-image-box-img{
    max-inline-size:100%;
    inline-size: 100%;
    
}


/* img */
.elementor-19723 .elementor-element.elementor-element-4ed7150 img{
block-size: 120px;
inline-size: 120px;
border-radius: .5em;
border-inline-start: 2px dotted var(--color-hue-2);
border-block-end: 2px inset var(--color-sat-2);
 filter: contrast(1.08) saturate(0.9);
    
}


/* text */
.elementor-19723 .elementor-element.elementor-element-4ed7150 .elementor-image-box-content .elementor-image-box-title{
font-size: var(--font-size-sub);
color: var(--text-dark);
text-shadow: var(--text-shadow-light);
font-weight: var(--font-weight-bold);

}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a5ae5be *//* figure */
.elementor-19723 .elementor-element.elementor-element-a5ae5be .elementor-image-box-wrapper .elementor-image-box-img{
    max-inline-size:100%;
    inline-size: 100%;
    
}


/* img */
.elementor-19723 .elementor-element.elementor-element-a5ae5be img{
block-size: 120px;
inline-size: 120px;
border-radius: .5em;
border-inline-start: 2px dotted var(--color-hue-2);
border-block-end: 2px inset var(--color-sat-2);
 filter: contrast(1.08) saturate(0.9);
    
}


/* text */
.elementor-19723 .elementor-element.elementor-element-a5ae5be .elementor-image-box-content .elementor-image-box-title{
font-size: var(--font-size-sub);
color: var(--text-dark);
text-shadow: var(--text-shadow-light);
font-weight: var(--font-weight-bold);

}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-5504542 *//* figure */
.elementor-19723 .elementor-element.elementor-element-5504542 .elementor-image-box-wrapper .elementor-image-box-img{
    max-inline-size:100%;
    inline-size: 100%;
    
}


/* img */
.elementor-19723 .elementor-element.elementor-element-5504542 img{
block-size: 120px;
inline-size: 120px;
border-radius: .5em;
border-inline-start: 2px dotted var(--color-hue-2);
border-block-end: 2px inset var(--color-sat-2);
 filter: contrast(1.08) saturate(0.9);
    
}


/* text */
.elementor-19723 .elementor-element.elementor-element-5504542 .elementor-image-box-content .elementor-image-box-title{
font-size: var(--font-size-sub);
color: var(--text-dark);
text-shadow: var(--text-shadow-light);
font-weight: var(--font-weight-bold);

}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e790092 *//* figure */
.elementor-19723 .elementor-element.elementor-element-e790092 .elementor-image-box-wrapper .elementor-image-box-img{
    max-inline-size:100%;
    inline-size: 100%;
    
}


/* img */
.elementor-19723 .elementor-element.elementor-element-e790092 img{
block-size: 120px;
inline-size: 120px;
border-radius: .5em;
border-inline-start: 2px dotted var(--color-hue-2);
border-block-end: 2px inset var(--color-sat-2);
 filter: contrast(1.08) saturate(0.9);
    
}


/* text */
.elementor-19723 .elementor-element.elementor-element-e790092 .elementor-image-box-content .elementor-image-box-title{
font-size: var(--font-size-sub);
color: var(--text-dark);
text-shadow: var(--text-shadow-light);
font-weight: var(--font-weight-bold);

}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-7e89c0c *//* figure */
.elementor-19723 .elementor-element.elementor-element-7e89c0c .elementor-image-box-wrapper .elementor-image-box-img{
    max-inline-size:100%;
    inline-size: 100%;
    
}


/* img */
.elementor-19723 .elementor-element.elementor-element-7e89c0c img{
block-size: 120px;
inline-size: 120px;
border-radius: .5em;
border-inline-start: 2px dotted var(--color-hue-2);
border-block-end: 2px inset var(--color-sat-2);
 filter: contrast(1.08) saturate(0.9);
    
}


/* text */
.elementor-19723 .elementor-element.elementor-element-7e89c0c .elementor-image-box-content .elementor-image-box-title{
font-size: var(--font-size-sub);
color: var(--text-dark);
text-shadow: var(--text-shadow-light);
font-weight: var(--font-weight-bold);

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

.elementor-19723 .elementor-element.elementor-element-b1b8d34 {
width: 100%;
max-width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
align-content:center;
gap: 1em;
/*background-color:;*/
padding: 0;
margin: 0;

}


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

.elementor-19723 .elementor-element.elementor-element-68b2d5a7{
 
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: 2em;


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

padding: 0;
padding-inline: 10vw;
   
}


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


@media only screen and (max-width: 600px){
	.elementor-19723 .elementor-element.elementor-element-68b2d5a7{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dfaa926 */.elementor-19723 .elementor-element.elementor-element-dfaa926 p{
    font-size: var(--font-size-h6);
    color: var(--brand-color);
    line-height: var(--line-height-condensed);
    margin: 0;
    font-weight: var(--font-weight-bold);
  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5583236 */.elementor-19723 .elementor-element.elementor-element-5583236 h2{
    font-size: var(--font-size-h4);
    line-height: var(--line-height-condensed);
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9354e2e *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-9354e2e {
width: 100%;
max-width: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: flex-start;
align-content:center;
gap: .5em;
/*background-color:;*/
padding: 0;
margin: 0;

}


@media only screen and (max-width: 1024px){
.elementor-19723 .elementor-element.elementor-element-9354e2e{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e6bd47e */.elementor-19723 .elementor-element.elementor-element-e6bd47e img{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-445f6fb */.elementor-19723 .elementor-element.elementor-element-445f6fb p{
    font-size: var(--font-size-sub);
    line-height: var(--line-height-condensed);
 
    margin: 0;
    text-align: center;
    color: var(--text-light);
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b08787d *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-b08787d{
/* 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: flex-start;
align-items:center;
/* has not effect with nowrap */
align-content: center;
gap: 0em;

padding: .5em;
border: 1px solid var(--color-sat-5);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5c3863 */.elementor-19723 .elementor-element.elementor-element-a5c3863 img{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-239740e */.elementor-19723 .elementor-element.elementor-element-239740e p{
    font-size: var(--font-size-sub);
    line-height: var(--line-height-condensed);
 
    margin: 0;
    text-align: center;
    color: var(--text-light);
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc236c7 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-bc236c7{
/* 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: flex-start;
align-items:center;
/* has not effect with nowrap */
align-content: center;
gap: 0em;

padding: .5em;
border: 1px solid var(--color-sat-5);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e5fc77c */.elementor-19723 .elementor-element.elementor-element-e5fc77c img{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ef9598 */.elementor-19723 .elementor-element.elementor-element-5ef9598 p{
    font-size: var(--font-size-sub);
    line-height: var(--line-height-condensed);
 
    margin: 0;
    text-align: center;
    color: var(--text-light);
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8453420 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-8453420{
/* 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: flex-start;
align-items:center;
/* has not effect with nowrap */
align-content: center;
gap: 0em;

padding: .5em;
border: 1px solid var(--color-sat-5);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-41467be */.elementor-19723 .elementor-element.elementor-element-41467be img{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf7bd43 */.elementor-19723 .elementor-element.elementor-element-cf7bd43 p{
    font-size: var(--font-size-sub);
    line-height: var(--line-height-condensed);
 
    margin: 0;
    text-align: center;
    color: var(--text-light);
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09c83ed *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-09c83ed{
/* 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: flex-start;
align-items:center;
/* has not effect with nowrap */
align-content: center;
gap: 0em;

padding: .5em;
border: 1px solid var(--color-sat-5);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b69b203 */.elementor-19723 .elementor-element.elementor-element-b69b203 img{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97433f6 */.elementor-19723 .elementor-element.elementor-element-97433f6 p{
    font-size: var(--font-size-sub);
    line-height: var(--line-height-condensed);
 
    margin: 0;
    text-align: center;
    color: var(--text-light);
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a39c690 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-a39c690{
/* 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: flex-start;
align-items:center;
/* has not effect with nowrap */
align-content: center;
gap: 0em;

padding: .5em;
padding-block-end: 1.5em;
border: 1px solid var(--color-sat-5);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-348630e *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-19723 .elementor-element.elementor-element-348630e {
    
display: -ms-grid;
display: grid;

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

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

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

justify-items: center;
align-items: start;
/* 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-19723 .elementor-element.elementor-element-348630e{
    
grid-template-columns: repeat(2, minmax(10px, 1fr));

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

.elementor-19723 .elementor-element.elementor-element-8651d9c{
 
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-5);

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-19723 .elementor-element.elementor-element-8651d9c{
padding-inline: 8vw;
flex-flow: column nowrap;
    }
}


@media only screen and (max-width: 600px){
	.elementor-19723 .elementor-element.elementor-element-8651d9c{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d56db6d */.elementor-19723 .elementor-element.elementor-element-d56db6d h2{
    font-size: var(--font-size-h4);
    line-height: var(--line-height-condensed);
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-209333c *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-209333c {
width: 100%;
max-width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
align-content:center;
gap: 1em;
/*background-color:;*/
padding: 0;
margin: 0;

}


@media only screen and (max-width: 1024px){
.elementor-19723 .elementor-element.elementor-element-209333c{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8551a3e */.elementor-19723 .elementor-element.elementor-element-8551a3e img{

width: 200px;
height: 200px;
margin: 0;
padding: 0;
border-radius: .5em;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-330ee9b */.elementor-19723 .elementor-element.elementor-element-330ee9b p{
    font-size: var(--font-size-sub);
    line-height: var(--line-height-normal);
    font-weight: var(--font-weight-bold);
    margin: 0;
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c82d0e *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-6c82d0e{
/* 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: flex-start;
align-items: center;
/* has not effect with nowrap */
align-content: center;
gap: .5em;

padding: .5em;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9418c6a */.elementor-19723 .elementor-element.elementor-element-9418c6a img{

width: 200px;
height: 200px;
margin: 0;
padding: 0;
border-radius: .5em;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8813fcc */.elementor-19723 .elementor-element.elementor-element-8813fcc p{
    font-size: var(--font-size-sub);
    line-height: var(--line-height-normal);
    font-weight: var(--font-weight-bold);
    margin: 0;
    text-align: center;
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6347415 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-6347415{
/* 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: flex-start;
align-items: center;
/* has not effect with nowrap */
align-content: center;
gap: .5em;

padding: .5em;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ffdd898 */.elementor-19723 .elementor-element.elementor-element-ffdd898 img{

width: 200px;
height: 200px;
margin: 0;
padding: 0;
border-radius: .5em;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ca8d03 */.elementor-19723 .elementor-element.elementor-element-4ca8d03 p{
    font-size: var(--font-size-sub);
    line-height: var(--line-height-normal);
    font-weight: var(--font-weight-bold);
    margin: 0;
    text-align: center;
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad35480 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-ad35480{
/* 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: flex-start;
align-items: center;
/* has not effect with nowrap */
align-content: center;
gap: .5em;

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

.elementor-19723 .elementor-element.elementor-element-656a91f {
    
display: -ms-grid;
display: grid;

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

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

column-gap: 1em;
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-19723 .elementor-element.elementor-element-656a91f{
    
grid-template-columns: repeat(1, minmax(10px, 1fr));

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

.elementor-19723 .elementor-element.elementor-element-8b8c3d7{
 
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;




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

padding: 0;
padding-inline: 10vw;
   
}


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


@media only screen and (max-width: 600px){
	.elementor-19723 .elementor-element.elementor-element-8b8c3d7{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-123d9a5 */.elementor-19723 .elementor-element.elementor-element-123d9a5 h2{
    margin: 0;
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    font-size: var(--font-size-h3);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d2a424 */.elementor-19723 .elementor-element.elementor-element-6d2a424 p{
margin: 0;
color: var(--text-dark);
text-shadow: var(--text-shadow-light);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ac7920 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-9ac7920{
/* 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: flex-start;
/* has not effect with nowrap */
align-content: center;
gap: .5em;

padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8e56f6 */.elementor-19723 .elementor-element.elementor-element-d8e56f6 a.cta,
.elementor-19723 .elementor-element.elementor-element-d8e56f6 a.cta::after{
    box-shadow: none;
    color: var(--text-light);
    margin: 0;
}

.elementor-19723 .elementor-element.elementor-element-d8e56f6 a.cta::after{
    background: var(--color-hue-2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cfe031 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-19723 .elementor-element.elementor-element-0cfe031{
/* 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-190edd6 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-19723 .elementor-element.elementor-element-190edd6 {
    
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-19723 .elementor-element.elementor-element-190edd6{
    
grid-template-columns: repeat(1, minmax(10px, 1fr));

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

.elementor-19723 .elementor-element.elementor-element-72719090{
 
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: radial-gradient(var(--color-sat-2), var(--brand-color));

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

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-19723 .elementor-element.elementor-element-72719090{
padding-inline: 8vw;
flex-flow: column nowrap;
    }
}


@media only screen and (max-width: 600px){
	.elementor-19723 .elementor-element.elementor-element-72719090{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */