.elementor-5411 .elementor-element.elementor-element-b537069{--display:flex;}.elementor-5411 .elementor-element.elementor-element-2df937ae{--display:flex;}.elementor-5411 .elementor-element.elementor-element-2df937ae:not(.elementor-motion-effects-element-type-background), .elementor-5411 .elementor-element.elementor-element-2df937ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fanddi.com/wp-content/uploads/WhatsApp-Image-2024-02-22-at-11.38.10-1.jpeg");}.elementor-5411 .elementor-element.elementor-element-f6512c1{--display:flex;}.elementor-5411 .elementor-element.elementor-element-37c79c7{--display:grid;--grid-auto-flow:row;}.elementor-5411 .elementor-element.elementor-element-37c79c7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5411 .elementor-element.elementor-element-3af1c95{--display:flex;}.elementor-5411 .elementor-element.elementor-element-767756e{--display:flex;}.elementor-5411 .elementor-element.elementor-element-4b30e7e{--display:flex;}.elementor-5411 .elementor-element.elementor-element-4b30e7e:not(.elementor-motion-effects-element-type-background), .elementor-5411 .elementor-element.elementor-element-4b30e7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fanddi.com/wp-content/uploads/Diploma-Universitario-Elegante-Azul-y-Dorado-2-1.png");}.elementor-5411 .elementor-element.elementor-element-ae658c7{--display:flex;}.elementor-5411 .elementor-element.elementor-element-448e6a7{--display:grid;--grid-auto-flow:row;}.elementor-5411 .elementor-element.elementor-element-448e6a7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5411 .elementor-element.elementor-element-b88762f{--display:flex;}.elementor-5411 .elementor-element.elementor-element-fdc8362{--display:flex;}@media(min-width:768px){.elementor-5411 .elementor-element.elementor-element-37c79c7{--width:99.913%;}.elementor-5411 .elementor-element.elementor-element-448e6a7{--width:99.913%;}}@media(max-width:1024px){.elementor-5411 .elementor-element.elementor-element-37c79c7{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-5411 .elementor-element.elementor-element-448e6a7{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5411 .elementor-element.elementor-element-37c79c7{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-5411 .elementor-element.elementor-element-448e6a7{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}}/* Start custom CSS for html, class: .elementor-element-3058323e */.elementor-5411 .elementor-element.elementor-element-3058323e h1{
    font-size: var(--font-size-h1);
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b537069 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-5411 .elementor-element.elementor-element-b537069{
/* DEBUG SECTION */
/*position: fixed;    
outline: 2px solid black;*/
/* END DEBUG */
width: 100vw;   
max-width: 100vw;    
inline-size: 100svw;   
max-inline-size: 100svw;
/* height: 100vh;*/
min-block-size: 30dvh; 
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: 3em;
/* Edit the image */
/*background-blend-mode: multiply;*/
background-color: var(--color-hue-4);
/*background-attachment: scroll;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-clip: border-box;*/
/*End edit img*/
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-5411 .elementor-element.elementor-element-b537069{
padding-inline: 8vw;

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


@media only screen and (max-width: 600px){
	.elementor-5411 .elementor-element.elementor-element-b537069{
padding-inline: min(1.6rem, 5vw);
min-height: 50dvh;
	}
}

/* Configurar divider 
-----------------------
*/
/*
.elementor-5411 .elementor-element.elementor-element-b537069 .elementor-shape.elementor-shape-top svg{
width: 100vw;
height: 70px;
}

.elementor-5411 .elementor-element.elementor-element-b537069 svg path{
fill: var(--color-light-1);
}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5ced0 */.elementor-5411 .elementor-element.elementor-element-8b5ced0 h2{
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8dc53c7 */.elementor-5411 .elementor-element.elementor-element-8dc53c7 p{
font-size: var(--font-size-h6);
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
text-align: center;
line-height: var(--line-height-normal);
font-weight: var(--font-weight-bold);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8d118d1 *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-5411 .elementor-element.elementor-element-8d118d1 a{
    margin: 0;
    background: var(--brand-color);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0cc274 *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-5411 .elementor-element.elementor-element-c0cc274 a{
    margin: 0;
    background: var(--brand-color);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2df937ae *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-5411 .elementor-element.elementor-element-2df937ae{
/* DEBUG SECTION */
/*position: fixed;    
outline: 2px solid black;*/
/* END DEBUG */
width: 100vw;   
max-width: 100vw;    
inline-size: 100svw;   
max-inline-size: 100svw;
/* height: 100vh;*/
min-block-size: 75dvh; 
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: 2em;
/* Edit the image */
background-blend-mode: multiply;
background-color: rgba(50, 50, 50, 0.7);
background-attachment: scroll;
background-position: center 30%;
background-size: cover;
background-repeat: no-repeat;
background-clip: border-box;
/*End edit img*/
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-5411 .elementor-element.elementor-element-2df937ae{
padding-inline: 8vw;

-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
  background-position: center 40%;
   min-block-size: 60dvh;
    }
}


@media only screen and (max-width: 600px){
	.elementor-5411 .elementor-element.elementor-element-2df937ae{
padding-inline: min(1.6rem, 5vw);
background-position: center 30%;
 min-block-size: 50dvh; /* smaller hero, better first view */
	}
}

/* Configurar divider 
-----------------------
*/
/*
.elementor-5411 .elementor-element.elementor-element-2df937ae .elementor-shape.elementor-shape-top svg{
width: 100vw;
height: 70px;
}

.elementor-5411 .elementor-element.elementor-element-2df937ae svg path{
fill: var(--color-light-1);
}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b19641d */.elementor-5411 .elementor-element.elementor-element-6b19641d h3{
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-103ff4ec */.elementor-5411 .elementor-element.elementor-element-103ff4ec p{
font-size: var(--font-size-h6);
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
text-align: center;
line-height: var(--line-height-normal);
font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dcb821f *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-5411 .elementor-element.elementor-element-dcb821f a{
    margin: 0;
    background: var(--brand-color);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0fe2a9f */.elementor-5411 .elementor-element.elementor-element-0fe2a9f img{
    
max-height: 400px;
width: auto;
margin: 0;
padding: 0;
border-radius: .5em;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c79c7 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

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


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

.elementor-5411 .elementor-element.elementor-element-37c79c7 > 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;
-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; 
/* legacy multi-line align */
align-content: center;
gap: 1em;
padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6512c1 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-5411 .elementor-element.elementor-element-f6512c1{
/* DEBUG SECTION */
/*position: fixed;    
outline: 2px solid black;*/
/* END DEBUG */
width: 100vw;   
max-width: 100vw;    
inline-size: 100svw;   
max-inline-size: 100svw;
/* height: 100vh;*/
min-block-size: 40dvh; 
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: 3em;
/* Edit the image */
/*background-blend-mode: multiply;*/
background-color: var(--color-hue-1);
/*background-attachment: scroll;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-clip: border-box;*/
/*End edit img*/
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-5411 .elementor-element.elementor-element-f6512c1{
padding-inline: 8vw;

-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
    }
}


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

/* Configurar divider 
-----------------------
*/
/*
.elementor-5411 .elementor-element.elementor-element-f6512c1 .elementor-shape.elementor-shape-top svg{
width: 100vw;
height: 70px;
}

.elementor-5411 .elementor-element.elementor-element-f6512c1 svg path{
fill: var(--color-light-1);
}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26595ce */.elementor-5411 .elementor-element.elementor-element-26595ce h3{
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    text-align: center;
    line-height: var(--line-height-condensed);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e27be2 */.elementor-5411 .elementor-element.elementor-element-7e27be2 p{
font-size: var(--font-size-h6);
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
text-align: center;
line-height: var(--line-height-normal);
font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4327c43 *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-5411 .elementor-element.elementor-element-4327c43 a{
    margin: 0;
    background: var(--brand-color);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-177d2a8 *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-5411 .elementor-element.elementor-element-177d2a8 a{
    margin: 0;
    background: var(--brand-color);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b30e7e *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-5411 .elementor-element.elementor-element-4b30e7e{
/* DEBUG SECTION */
/*position: fixed;    
outline: 2px solid black;*/
/* END DEBUG */
width: 100vw;   
max-width: 100vw;    
inline-size: 100svw;   
max-inline-size: 100svw;
/* height: 100vh;*/
min-block-size: 75dvh; 
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: 2em;
/* Edit the image */
background-blend-mode: multiply;
background-color: rgba(50, 50, 50, 0.7);
background-attachment: scroll;
background-position: center 30%;
background-size: cover;
background-repeat: no-repeat;
background-clip: border-box;
/*End edit img*/
margin: 0;
margin-inline: calc(50% - 50vw);
margin-block-end: 0;
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-5411 .elementor-element.elementor-element-4b30e7e{
padding-inline: 8vw;

-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
  background-position: center 40%;
   min-block-size: 60dvh;
    }
}


@media only screen and (max-width: 600px){
	.elementor-5411 .elementor-element.elementor-element-4b30e7e{
padding-inline: min(1.6rem, 5vw);
background-position: center 30%;
 min-block-size: 50dvh; /* smaller hero, better first view */
	}
}

/* Configurar divider 
-----------------------
*/
/*
.elementor-5411 .elementor-element.elementor-element-4b30e7e .elementor-shape.elementor-shape-top svg{
width: 100vw;
height: 70px;
}

.elementor-5411 .elementor-element.elementor-element-4b30e7e svg path{
fill: var(--color-light-1);
}*//* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e65b07 */.elementor-5411 .elementor-element.elementor-element-4e65b07 img{
    
max-height: 400px;
width: auto;
margin: 0;
padding: 0;
border-radius: .5em;
    
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46b48d5 */.elementor-5411 .elementor-element.elementor-element-46b48d5 img{
    
max-height: 400px;
width: auto;
margin: 0;
padding: 0;
border-radius: .5em;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5657ddd */.elementor-5411 .elementor-element.elementor-element-5657ddd h3{
    text-align: center;
    margin: 0;
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0961374 */.elementor-5411 .elementor-element.elementor-element-0961374 p{
    text-align: center;
    margin: 0;
     color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd6d772 */.elementor-5411 .elementor-element.elementor-element-cd6d772 p{
    
padding: 1em 2em;
margin: 0;
background-color: var(--brand-color);
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
font-stretch: var(--font-stretch-normal);
font-variant-caps:var(--font-variant-caps-small);
letter-spacing: var(--letter-spacing-expanded);
font-weight: var(--font-weight-bold);
    
}


.elementor-5411 .elementor-element.elementor-element-cd6d772 a{
    
margin: 0;
color: var(--text-light);
font-size: var(--font-size-sub);
text-shadow: var(--text-shadow-dark);
}

.elementor-5411 .elementor-element.elementor-element-cd6d772 a::before{
    
font-size:2em;
content:"\00B7";
color:var(--brand-color);
font-weight:var(--font-weight-bold);
padding-right:0.3em;
vertical-align:sub;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c564db */.elementor-5411 .elementor-element.elementor-element-0c564db p{
    
padding: 1em 2em;
margin: 0;
background-color: var(--brand-color);
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
font-stretch: var(--font-stretch-normal);
font-variant-caps:var(--font-variant-caps-small);
letter-spacing: var(--letter-spacing-expanded);
font-weight: var(--font-weight-bold);
    
}


.elementor-5411 .elementor-element.elementor-element-0c564db a{
    
margin: 0;
color: var(--text-light);
font-size: var(--font-size-sub);
text-shadow: var(--text-shadow-dark);
}

.elementor-5411 .elementor-element.elementor-element-0c564db a::before{
    
font-size:2em;
content:"\00B7";
color:var(--brand-color);
font-weight:var(--font-weight-bold);
padding-right:0.3em;
vertical-align:sub;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c978218 */.elementor-5411 .elementor-element.elementor-element-c978218 p{
    
padding: 1em 2em;
margin: 0;
background-color: var(--brand-color);
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
font-stretch: var(--font-stretch-normal);
font-variant-caps:var(--font-variant-caps-small);
letter-spacing: var(--letter-spacing-expanded);
font-weight: var(--font-weight-bold);
    
}


.elementor-5411 .elementor-element.elementor-element-c978218 a{
    
margin: 0;
color: var(--text-light);
font-size: var(--font-size-sub);
text-shadow: var(--text-shadow-dark);
}

.elementor-5411 .elementor-element.elementor-element-c978218 a::before{
    
font-size:2em;
content:"\00B7";
color:var(--brand-color);
font-weight:var(--font-weight-bold);
padding-right:0.3em;
vertical-align:sub;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-448e6a7 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

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


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

.elementor-5411 .elementor-element.elementor-element-448e6a7 > 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;
-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; 
/* legacy multi-line align */
align-content: center;
gap: 1em;
padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae658c7 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-5411 .elementor-element.elementor-element-ae658c7{
/* DEBUG SECTION */
/*position: fixed;    
outline: 2px solid black;*/
/* END DEBUG */
width: 100vw;   
max-width: 100vw;    
inline-size: 100svw;   
max-inline-size: 100svw;
/* height: 100vh;*/
min-block-size: 40dvh; 
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: 3em;
/* Edit the image */
/*background-blend-mode: multiply;*/
background-color: var(--color-hue-3);
/*background-attachment: scroll;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-clip: border-box;*/
/*End edit img*/
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-5411 .elementor-element.elementor-element-ae658c7{
padding-inline: 8vw;

-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
    }
}


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

/* Configurar divider 
-----------------------
*/
/*
.elementor-5411 .elementor-element.elementor-element-ae658c7 .elementor-shape.elementor-shape-top svg{
width: 100vw;
height: 70px;
}

.elementor-5411 .elementor-element.elementor-element-ae658c7 svg path{
fill: var(--color-light-1);
}*//* End custom CSS */