.elementor-5285 .elementor-element.elementor-element-706301b9{--display:flex;}.elementor-5285 .elementor-element.elementor-element-7e7a1e9b{--display:flex;}.elementor-5285 .elementor-element.elementor-element-7e7a1e9b:not(.elementor-motion-effects-element-type-background), .elementor-5285 .elementor-element.elementor-element-7e7a1e9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fanddi.com/wp-content/uploads/06b36393-d346-4d89-a1d3-c7c3667e7ffb-scaled.jpg");}.elementor-5285 .elementor-element.elementor-element-1e6816c8{--display:grid;--grid-auto-flow:row;}.elementor-5285 .elementor-element.elementor-element-7d4c09ce{--display:flex;}.elementor-5285 .elementor-element.elementor-element-2876a087{--display:flex;}.elementor-5285 .elementor-element.elementor-element-c9ae836{--display:grid;--grid-auto-flow:row;}.elementor-5285 .elementor-element.elementor-element-2e37c4e{--display:flex;}.elementor-5285 .elementor-element.elementor-element-3c970d1{--display:flex;}.elementor-5285 .elementor-element.elementor-element-3c42746{--display:flex;}.elementor-5285 .elementor-element.elementor-element-3c42746:not(.elementor-motion-effects-element-type-background), .elementor-5285 .elementor-element.elementor-element-3c42746 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fanddi.com/wp-content/uploads/WhatsApp-Image-2025-09-23-at-11.28.05-2.jpeg");}.elementor-5285 .elementor-element.elementor-element-3b0f8c8{--display:flex;}.elementor-5285 .elementor-element.elementor-element-df9446e{--display:grid;--grid-auto-flow:row;}.elementor-5285 .elementor-element.elementor-element-bdd3ad1{--display:flex;}.elementor-5285 .elementor-element.elementor-element-9eac325{--display:flex;}.elementor-5285 .elementor-element.elementor-element-7fd6a316{--display:flex;}.elementor-5285 .elementor-element.elementor-element-2d6ba469{--display:flex;}.elementor-5285 .elementor-element.elementor-element-b50de60{--display:flex;}.elementor-5285 .elementor-element.elementor-element-e2c8e48{--display:grid;--grid-auto-flow:row;}.elementor-5285 .elementor-element.elementor-element-6f6d901{--display:flex;}.elementor-5285 .elementor-element.elementor-element-da93b4e{--display:flex;}.elementor-5285 .elementor-element.elementor-element-9826426{--display:grid;--grid-auto-flow:row;}.elementor-5285 .elementor-element.elementor-element-1ed504d{--display:flex;}.elementor-5285 .elementor-element.elementor-element-99c2fb0{--display:flex;}.elementor-5285 .elementor-element.elementor-element-cdcf80a{--display:grid;--grid-auto-flow:row;}.elementor-5285 .elementor-element.elementor-element-f4bbc26{--display:flex;}.elementor-5285 .elementor-element.elementor-element-5617225{--display:flex;}@media(max-width:1024px){.elementor-5285 .elementor-element.elementor-element-1e6816c8{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-5285 .elementor-element.elementor-element-c9ae836{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-5285 .elementor-element.elementor-element-df9446e{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-5285 .elementor-element.elementor-element-e2c8e48{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-5285 .elementor-element.elementor-element-9826426{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-5285 .elementor-element.elementor-element-cdcf80a{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5285 .elementor-element.elementor-element-1e6816c8{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-5285 .elementor-element.elementor-element-c9ae836{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-5285 .elementor-element.elementor-element-df9446e{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-5285 .elementor-element.elementor-element-e2c8e48{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-5285 .elementor-element.elementor-element-9826426{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-5285 .elementor-element.elementor-element-cdcf80a{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}}/* Start custom CSS for html, class: .elementor-element-42d64ab0 */.elementor-5285 .elementor-element.elementor-element-42d64ab0 h1{
    text-align: center;
    padding: 0;
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    text-transform: uppercase;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-706301b9 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-5285 .elementor-element.elementor-element-706301b9{
/* 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(--brand-color);
/*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-5285 .elementor-element.elementor-element-706301b9{
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-5285 .elementor-element.elementor-element-706301b9{
padding-inline: min(1.6rem, 5vw);
	}
}

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

.elementor-5285 .elementor-element.elementor-element-706301b9 svg path{
fill: var(--color-light-1);
}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ad08a52 */.elementor-5285 .elementor-element.elementor-element-3ad08a52 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-28c021a6 */.elementor-5285 .elementor-element.elementor-element-28c021a6 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 container, class: .elementor-element-7e7a1e9b *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-5285 .elementor-element.elementor-element-7e7a1e9b{
/* 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: 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-5285 .elementor-element.elementor-element-7e7a1e9b{
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-5285 .elementor-element.elementor-element-7e7a1e9b{
padding-inline: min(1.6rem, 5vw);
background-position: center 50%;
 min-block-size: 50dvh; /* smaller hero, better first view */
	}
}

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

.elementor-5285 .elementor-element.elementor-element-7e7a1e9b svg path{
fill: var(--color-light-1);
}*//* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a9adc2a */.elementor-5285 .elementor-element.elementor-element-2a9adc2a img{
  max-height: 350px;       /* fallback */
  max-block-size: 350px;   /* logical modern version */
width: auto;
/* svg only */
/*filter: drop-shadow(1px 1px 0px var(--color-sat-12));*/
margin: 0;
padding: 0;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12c5b48f */.elementor-5285 .elementor-element.elementor-element-12c5b48f h2{
    text-align: center;
    margin: 0;
    padding-block-end: .5em;
    color: var(--color-hue-1);
   
  
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d99396e */.elementor-5285 .elementor-element.elementor-element-d99396e p{
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-527bc5f */.elementor-5285 .elementor-element.elementor-element-527bc5f a{
background: var(--color-hue-3);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e6816c8 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-5285 .elementor-element.elementor-element-1e6816c8 {
display: -ms-grid;
display: grid;
width: 100%;
inline-size: 100%;
grid-template-columns: repeat(2, minmax(10px, 1fr));
grid-template-rows: repeat(1, minmax(10px, 1fr));
/*
grid-template-areas:;*/
column-gap: 2em;
row-gap: 2em;
justify-items: center;
align-items: center;
/* with with 100% these two properties does not applied */
justify-content: center;
align-content: center;
/*grid-auto-columns: ;*/
/*grid-auto-rows:;*/
grid-auto-flow: row;
padding:0;
margin: 0;
margin-block-end: max(10%, 80px);
}


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


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

.elementor-5285 .elementor-element.elementor-element-1e6816c8 > 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: 0em;
padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ab03d7 */.elementor-5285 .elementor-element.elementor-element-5ab03d7 h2{
    text-align: center;
    margin: 0;
    padding-block-end: .5em;
    color: var(--color-hue-1);
   
  
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e9dc813 */.elementor-5285 .elementor-element.elementor-element-e9dc813 p{
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12a501c */.elementor-5285 .elementor-element.elementor-element-12a501c a{
background: var(--color-hue-3);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a02f4ee */.elementor-5285 .elementor-element.elementor-element-a02f4ee img{
  max-height: 350px;       /* fallback */
  max-block-size: 350px;   /* logical modern version */
width: auto;
/* svg only */
/*filter: drop-shadow(1px 1px 0px var(--color-sat-12));*/
margin: 0;
padding: 0;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c9ae836 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-5285 .elementor-element.elementor-element-c9ae836 {
display: -ms-grid;
display: grid;
width: 100%;
inline-size: 100%;
grid-template-columns: repeat(2, minmax(10px, 1fr));
grid-template-rows: repeat(1, minmax(10px, 1fr));
/*
grid-template-areas:;*/
column-gap: 2em;
row-gap: 2em;
justify-items: center;
align-items: center;
/* with with 100% these two properties does not applied */
justify-content: center;
align-content: center;
/*grid-auto-columns: ;*/
/*grid-auto-rows:;*/
grid-auto-flow: row;
padding:0;
margin: 0;
margin-block-end: max(10%, 80px);
}


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


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

.elementor-5285 .elementor-element.elementor-element-c9ae836 > 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: 0em;
padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65475b4 */.elementor-5285 .elementor-element.elementor-element-65475b4 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-3f4c96c */.elementor-5285 .elementor-element.elementor-element-3f4c96c 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-c302081 */.elementor-5285 .elementor-element.elementor-element-c302081 a{
background: var(--color-hue-5);
margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c42746 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-5285 .elementor-element.elementor-element-3c42746{
/* 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: 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-5285 .elementor-element.elementor-element-3c42746{
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-5285 .elementor-element.elementor-element-3c42746{
padding-inline: min(1.6rem, 5vw);
background-position: center 50%;
 min-block-size: 50dvh; /* smaller hero, better first view */
	}
}

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

.elementor-5285 .elementor-element.elementor-element-3c42746 svg path{
fill: var(--color-light-1);
}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17ef2b1 */.elementor-5285 .elementor-element.elementor-element-17ef2b1 h3{
    text-align: center;
    padding: 0;
    color: var(--color-hue-4);
    text-shadow: var(--text-shadow-dark);
    font-size: var(--font-size-h2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b0f8c8 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-5285 .elementor-element.elementor-element-3b0f8c8 {
width: 100%;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
/*       
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
*/
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack:center;
align-content:center;
gap: 2em;
/*background-color:;*/
padding: 0;
margin: 0;
margin-bottom:	max(5%, 40px);
}

/* For child of flex inheritance
------------------- */
.elementor-5285 .elementor-element.elementor-element-3b0f8c8 > div{
    flex: 1 1 auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2e1ffc */.elementor-5285 .elementor-element.elementor-element-a2e1ffc p{
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e6808db */.elementor-5285 .elementor-element.elementor-element-e6808db img{
  max-height: 300px;       /* fallback */
  max-block-size: 300px;   /* logical modern version */
width: auto;
/* svg only */
/*filter: drop-shadow(1px 1px 0px var(--color-sat-12));*/
margin: 0;
padding: 0;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df9446e *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-5285 .elementor-element.elementor-element-df9446e {
display: -ms-grid;
display: grid;
width: 100%;
inline-size: 100%;
grid-template-columns: repeat(2, minmax(10px, 1fr));
grid-template-rows: repeat(1, minmax(10px, 1fr));
/*
grid-template-areas:;*/
column-gap: 2em;
row-gap: 2em;
justify-items: center;
align-items: center;
/* with with 100% these two properties does not applied */
justify-content: center;
align-content: center;
/*grid-auto-columns: ;*/
/*grid-auto-rows:;*/
grid-auto-flow: row;
padding:0;
margin: 0;
margin-block-end: max(5%,40px);
}


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


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

.elementor-5285 .elementor-element.elementor-element-df9446e > 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: 0em;
padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6116ad53 *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-5285 .elementor-element.elementor-element-6116ad53 a{
    margin: 0;
    background: var(--color-hue-2)
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fd6a316 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-5285 .elementor-element.elementor-element-7fd6a316 {
/* grid-area: ;*/
/* grid-column-start: ;*/
/* grid-column-end: ;*/
/* grid-row-start: ;*/
/* grid-row-end: ;*/
/* justify-self: ;*/
/* align-self: ;*/
width: 100%;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
/*       
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
*/
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack:center;
align-content:center;
gap: 2em;
/*background-color:;*/
padding: 0;
margin: 0;
margin-block-end: max(10%, 80px);
}


@media only screen and (max-width: 1024px){
.elementor-5285 .elementor-element.elementor-element-7fd6a316{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-101b75d2 */.elementor-5285 .elementor-element.elementor-element-101b75d2 h3{
    text-align: center;
    padding: 0;
    color: var(--color-hue-4);
    text-shadow: var(--text-shadow-dark);
    font-size: var(--font-size-h2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d6ba469 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-5285 .elementor-element.elementor-element-2d6ba469 {
width: 100%;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
/*       
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
*/
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack:center;
align-content:center;
gap: 2em;
/*background-color:;*/
padding: 0;
margin: 0;
margin-bottom:	max(5%, 40px);
}

/* For child of flex inheritance
------------------- */
.elementor-5285 .elementor-element.elementor-element-2d6ba469 > div{
    flex: 1 1 auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e7085a */.elementor-5285 .elementor-element.elementor-element-5e7085a h4{
    text-align: center;
    padding: 0;
color: var(--color-hue-4);
    text-shadow: var(--text-shadow-dark);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8bafb38 */.elementor-5285 .elementor-element.elementor-element-8bafb38 p{
    text-align: center;
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7b0a04 *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-5285 .elementor-element.elementor-element-b7b0a04 a{
    margin: 0;
    background: var(--color-hue-2)
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cabebf3 */.elementor-5285 .elementor-element.elementor-element-cabebf3 img{
  max-height: 300px;       /* fallback */
  max-block-size: 300px;   /* logical modern version */
width: auto;
/* svg only */
/*filter: drop-shadow(1px 1px 0px var(--color-sat-12));*/
margin: 0;
padding: 0;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2c8e48 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

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


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

.elementor-5285 .elementor-element.elementor-element-e2c8e48 > 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: 0em;
padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b50de60 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-5285 .elementor-element.elementor-element-b50de60{
/* 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(--brand-color);
/*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);
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-5285 .elementor-element.elementor-element-b50de60{
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-5285 .elementor-element.elementor-element-b50de60{
padding-inline: min(1.6rem, 5vw);
	}
}

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

.elementor-5285 .elementor-element.elementor-element-b50de60 svg path{
fill: var(--color-light-1);
}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9b4a05 */.elementor-5285 .elementor-element.elementor-element-a9b4a05 h4{
    text-align: center;
    margin: 0;
    padding-block-end: .5em;
   color: var(--text-dark-2);
  
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b40f280 */.elementor-5285 .elementor-element.elementor-element-b40f280 p{
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f66ec3b */.elementor-5285 .elementor-element.elementor-element-f66ec3b img{
  max-height: 300px;       /* fallback */
  max-block-size: 300px;   /* logical modern version */
width: auto;
/* svg only */
/*filter: drop-shadow(1px 1px 0px var(--color-sat-12));*/
margin: 0;
padding: 0;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9826426 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-5285 .elementor-element.elementor-element-9826426 {
display: -ms-grid;
display: grid;
width: 100%;
inline-size: 100%;
grid-template-columns: repeat(2, minmax(10px, 1fr));
grid-template-rows: repeat(1, minmax(10px, 1fr));
/*
grid-template-areas:;*/
column-gap: 2em;
row-gap: 2em;
justify-items: center;
align-items: center;
/* with with 100% these two properties does not applied */
justify-content: center;
align-content: center;
/*grid-auto-columns: ;*/
/*grid-auto-rows:;*/
grid-auto-flow: row;
padding:0;
margin: 0;
margin-block-end: max(10%,80px);
}


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


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

.elementor-5285 .elementor-element.elementor-element-9826426 > 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: 0em;
padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1f9dc7d */.elementor-5285 .elementor-element.elementor-element-1f9dc7d img{
  max-height: 300px;       /* fallback */
  max-block-size: 300px;   /* logical modern version */
width: auto;
/* svg only */
/*filter: drop-shadow(1px 1px 0px var(--color-sat-12));*/
margin: 0;
padding: 0;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0ffecb */.elementor-5285 .elementor-element.elementor-element-c0ffecb h4{
    text-align: center;
    margin: 0;
    padding-block-end: .5em;
   color: var(--text-dark-2);
  
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0566e92 */.elementor-5285 .elementor-element.elementor-element-0566e92 p{
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdcf80a *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

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


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

.elementor-5285 .elementor-element.elementor-element-cdcf80a > 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: 0em;
padding: 0;
margin: 0;
}/* End custom CSS */