.elementor-17770 .elementor-element.elementor-element-3a49d1c6{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-17770 .elementor-element.elementor-element-f932bbd{--display:flex;}.elementor-17770 .elementor-element.elementor-element-364b17b6{--display:grid;--grid-auto-flow:row;}.elementor-17770 .elementor-element.elementor-element-364b17b6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17770 .elementor-element.elementor-element-27d1578d{--display:flex;}.elementor-17770 .elementor-element.elementor-element-5204802f{--display:flex;}.elementor-17770 .elementor-element.elementor-element-356aec1{--display:flex;}.elementor-17770 .elementor-element.elementor-element-4794fcc{--display:grid;--grid-auto-flow:row;}.elementor-17770 .elementor-element.elementor-element-4794fcc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17770 .elementor-element.elementor-element-cc8f817{--display:flex;}.elementor-17770 .elementor-element.elementor-element-7b04b59{--display:flex;}.elementor-17770 .elementor-element.elementor-element-47146b8{--display:flex;}.elementor-17770 .elementor-element.elementor-element-4106fc8{--display:grid;--grid-auto-flow:row;}.elementor-17770 .elementor-element.elementor-element-4106fc8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17770 .elementor-element.elementor-element-18c9379{--display:flex;}.elementor-17770 .elementor-element.elementor-element-43add4f{--display:flex;}.elementor-17770 .elementor-element.elementor-element-8698470{--display:flex;}.elementor-17770 .elementor-element.elementor-element-e747412{--display:flex;}.elementor-17770 .elementor-element.elementor-element-884ce61{--display:flex;}.elementor-17770 .elementor-element.elementor-element-0329546{--display:flex;}.elementor-17770 .elementor-element.elementor-element-b3f9494{--display:flex;}.elementor-17770 .elementor-element.elementor-element-af5563f{--display:flex;}.elementor-17770 .elementor-element.elementor-element-968972b{--display:flex;}.elementor-17770 .elementor-element.elementor-element-ea4f60d{--display:grid;--grid-auto-flow:row;}.elementor-17770 .elementor-element.elementor-element-ea4f60d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17770 .elementor-element.elementor-element-2e39d1c{--display:flex;}.elementor-17770 .elementor-element.elementor-element-814b670{--display:flex;}.elementor-17770 .elementor-element.elementor-element-ac10c53{--display:flex;}.elementor-17770 .elementor-element.elementor-element-55e9008{--display:grid;--grid-auto-flow:row;}.elementor-17770 .elementor-element.elementor-element-55e9008.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17770 .elementor-element.elementor-element-44d2357{--display:flex;}.elementor-17770 .elementor-element.elementor-element-b2f5f86{--display:flex;}.elementor-17770 .elementor-element.elementor-element-199174b{--display:grid;--grid-auto-flow:row;}.elementor-17770 .elementor-element.elementor-element-199174b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17770 .elementor-element.elementor-element-084ce54{--display:flex;}.elementor-17770 .elementor-element.elementor-element-f2f82f5{--display:flex;}@media(min-width:768px){.elementor-17770 .elementor-element.elementor-element-4794fcc{--width:100.001%;}.elementor-17770 .elementor-element.elementor-element-ea4f60d{--width:100.001%;}}@media(max-width:1024px){.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-17770 .elementor-element.elementor-element-364b17b6{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-17770 .elementor-element.elementor-element-4794fcc{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-17770 .elementor-element.elementor-element-4106fc8{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-17770 .elementor-element.elementor-element-ea4f60d{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-17770 .elementor-element.elementor-element-55e9008{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-17770 .elementor-element.elementor-element-199174b{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}}@media(max-width:767px){.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-17770 .elementor-element.elementor-element-364b17b6{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-17770 .elementor-element.elementor-element-4794fcc{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-17770 .elementor-element.elementor-element-4106fc8{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-17770 .elementor-element.elementor-element-ea4f60d{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-17770 .elementor-element.elementor-element-55e9008{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-17770 .elementor-element.elementor-element-199174b{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}}/* Start custom CSS for image, class: .elementor-element-4702ce4 */.elementor-17770 .elementor-element.elementor-element-4702ce4 img{
max-height: 100px;
width: auto;
/* svg only */
/*filter: drop-shadow(1px 1px 0px var(--color-sat-2));*/
margin: 0;
padding: 0;
    
}

@media only screen and (max-width: 600px) {
  .elementor-17770 .elementor-element.elementor-element-4702ce4 img {
    max-height: 65px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a49d1c6 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-17770 .elementor-element.elementor-element-3a49d1c6{
/* DEBUG SECTION */
/*position: fixed;
outline: 2px solid black;*/
/* END DEBUG */
display: -webkit-box;
display: -ms-flexbox;
display: flex; 
/* Choose one flow when
customizing this block */
/*
-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; 

/* SIZE / LAYOUT
*/
/* Fallback for old browsers */
width: 100vw;
max-width: 100vw;
/* Modern replacement(progressive enhancement) */
inline-size: 100svw;
max-inline-size: 100svw;
/* Full-width Canvas container, no side wrapper */
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;
padding-inline: 10vw;
padding-block-start: max(4%, 40px);
padding-block-end: max(4%, 40px);
}

/* Media queries*/
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-3a49d1c6{
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-17770 .elementor-element.elementor-element-3a49d1c6{
padding-inline: min(1.6rem, 5vw);
	}
}


/* Configurar divider 
-----------------------
*/

.elementor-17770 .elementor-element.elementor-element-3a49d1c6 .elementor-shape.elementor-shape-top svg{
/* svg size */    
width: 100vw;
height: 100px;
}

.elementor-17770 .elementor-element.elementor-element-3a49d1c6 svg path{
/*svg color */    
fill: var(--color-light-1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3229d5d */.elementor-17770 .elementor-element.elementor-element-3229d5d h1{
text-align: center;
font-size: var(--font-size-h3);
line-height: var(--line-height-condensed);
color: var(--text-dark);
font-weight: var(--font-weight-bold);
margin: 0;
margin-block-end: .5em;
padding: 0;
text-shadow: var(--text-shadow-light);
}

.elementor-17770 .elementor-element.elementor-element-3229d5d p{
text-align: center;
font-size: var(--font-size-p);
line-height: var(--line-height-condensed);
color: var(--text-dark);
font-weight: var(--font-weight-bold);
text-shadow: var(--text-shadow-light);
margin: 0;
padding: 0;

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b74a032 */.elementor-17770 .elementor-element.elementor-element-b74a032 img{
    height: 300px;
    width: auto;
    margin: 0;
    padding: 0;
    border-radius: .2em;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83ccca7 */.elementor-17770 .elementor-element.elementor-element-83ccca7 a{
text-align: center;
/* White text */    
/*
color: var(--color-light-1);
text-shadow: var(--text-shadow);
*/
 color: var(--text-light);
padding: 1em;
font-size: var(--font-size-h6);
font-stretch: var(--font-stretch-normal);
font-variant-caps: var(--font-variant-caps-small);
letter-spacing: var(--letter-spacing-expanded);
border: 1px solid transparent;
background: linear-gradient(135deg, var(--color-hue-2), var(--color-hue-1));
border-radius: 0.18em;
text-shadow: var(--text-shadow-dark);   
margin: 0;

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

.elementor-17770 .elementor-element.elementor-element-364b17b6{
display: grid;
width: 100%; /* Canvas parent spans the viewport, so 100% is correct here */
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;
/* Item alignment: centers each grid item inside its cell */
justify-items: center;
align-items: center;
/* Grid alignment inside its own container:*/
justify-content: center;
align-content: center;
/* Auto-placement: default is 'row', so this is optional */
grid-auto-flow: row;
overflow-x: hidden;
overflow-y: hidden; 
overflow-x: clip;  
overflow-y: clip;
padding: 0;
margin: 0;
}

/* Tablet & below: collapse to one column */
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-364b17b6{
        grid-template-columns: repeat(1, minmax(10px, 1fr));
    }
}
/* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-17770 .elementor-element.elementor-element-364b17b6 > div{
/* grid-area: ;*/
/* grid-column-start: ;*/
/* grid-column-end: ;*/
/* grid-row-start: ;*/
/* grid-row-end: ;*/
/* justify-self: ;*/
/* align-self: ;*/
/* keeps padding/border inside width */
min-width: 0;             /* prevent content overflow horizontally */
min-height: 0;            /* prevent content overflow vertically */
max-width: 100vw;     
max-inline-size: 100svw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:
vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack:center;
align-content: center;
gap: 1.5em;
padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f932bbd *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-17770 .elementor-element.elementor-element-f932bbd{
display: -webkit-box;
display: -ms-flexbox;
display: flex; 
/* Choose one flow when
customizing this block */
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;

/*-webkit-box-orient:
vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
*/
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em; 

/* SIZE / LAYOUT
*/
/* Fallback for old browsers */
width: 100vw;
max-width: 100vw;
/* Modern replacement(progressive enhancement) */
inline-size: 100svw;
max-inline-size: 100svw;
/* Full-width Canvas container, no side wrapper */
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;
padding-inline: 10vw;
margin-block-end: max(10%, 80px);
}

/* Media queries*/
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-f932bbd{
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-17770 .elementor-element.elementor-element-f932bbd{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ce813c8 */.elementor-17770 .elementor-element.elementor-element-ce813c8 h2{
text-align: center;
font-size: var(--font-size-h5);
line-height: var(--line-height-condensed);
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
font-weight: var(--font-weight-bold);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef6507d */.elementor-17770 .elementor-element.elementor-element-ef6507d p{
text-align: center;
font-size: var(--font-size-p);
line-height: var(--line-height-normal);
color: var(--text-light);
text-shadow: var(--text-shadow-dark);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98b5335 */.elementor-17770 .elementor-element.elementor-element-98b5335 iframe.instagram-media.instagram-media-rendered{
/* Tamaño y ratio */
width: auto !important;
aspect-ratio: 1 / 1;
height: 350px !important;
/* Anula restricciones del inline de Instagram */
max-width: none !important;
min-width: 0 !important;/* permite < 326px en móviles */
/* Apariencia de la “caja” del iframe */
margin: 0 !important; /* borra el margin-bottom:12px */
background-color: transparent !important;
border: 5px solid var(--color-light-1) !important;          /* quita el 1px solid #dbdbdb */
border-radius: .5em !important;/* tu radio, si quieres mantenerlo */
box-shadow: none !important;
display: block !important;
padding: 0 !important;
overflow: hidden !important;
}   

/* Opcional: ajuste por breakpoint (ejemplos) */
@media (max-width: 768px) {
  .elementor-17770 .elementor-element.elementor-element-98b5335 iframe.instagram-media.instagram-media-rendered {
aspect-ratio: 1 / 1;        /* vertical en tablet/móvil */
width: 100% !important;
height: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4794fcc *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-17770 .elementor-element.elementor-element-4794fcc{
display: grid;
width: 100%; /* Canvas parent spans the viewport, so 100% is correct here */
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;
/* Item alignment: centers each grid item inside its cell */
justify-items: center;
align-items: center;
/* Grid alignment inside its own container:*/
justify-content: center;
align-content: center;
/* Auto-placement: default is 'row', so this is optional */
grid-auto-flow: row;
overflow-x: hidden;
overflow-y: hidden; 
overflow-x: clip;  
overflow-y: clip;
padding: 0;
margin: 0;
}

/* Tablet & below: collapse to one column */
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-4794fcc{
        grid-template-columns: repeat(1, minmax(10px, 1fr));
    }
}
/* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-17770 .elementor-element.elementor-element-4794fcc > div {
/* 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;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack:center;
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}

/* Image appears before text
---------------------------- */
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-4794fcc > div:nth-child(2) {
    order: -1;
}
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-356aec1 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-17770 .elementor-element.elementor-element-356aec1{
display: -webkit-box;
display: -ms-flexbox;
display: flex; 
/* Choose one flow when
customizing this block */
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;

/*-webkit-box-orient:
vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
*/
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em; 

/* SIZE / LAYOUT
*/
/* Fallback for old browsers */
width: 100vw;
max-width: 100vw;
/* Modern replacement(progressive enhancement) */
inline-size: 100svw;
max-inline-size: 100svw;
/* Full-width Canvas container, no side wrapper */
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;
padding-inline: 10vw;
padding-block: max(5%, 30px); 
margin-block-end: max(6%, 40px);
background: linear-gradient(135deg, var(--brand-color), var(--brand-color-2));
}

/* Media queries*/
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-356aec1{
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-17770 .elementor-element.elementor-element-356aec1{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-be39c22 */.elementor-17770 .elementor-element.elementor-element-be39c22 img{
height: 150px;
width: auto;
/* svg only */
/*filter: drop-shadow(1px 1px 0px var(--color-sat-12));*/
margin: 0;
padding: 0;
border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ac309f */.elementor-17770 .elementor-element.elementor-element-0ac309f p{
    margin: 0;
    padding: 0;
    color: var(--text-dark);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8e6ddc5 */.elementor-17770 .elementor-element.elementor-element-8e6ddc5 img{
height: 150px;
width: auto;
/* svg only */
/*filter: drop-shadow(1px 1px 0px var(--color-sat-12));*/
margin: 0;
padding: 0;
border-radius: 50%;
aspect-ratio: 1/1;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ac4dec */.elementor-17770 .elementor-element.elementor-element-1ac4dec p{
    margin: 0;
    padding: 0;
    color: var(--text-dark);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d909b9a */.elementor-17770 .elementor-element.elementor-element-d909b9a img{
height: 150px;
width: auto;
/* svg only */
/*filter: drop-shadow(1px 1px 0px var(--color-sat-12));*/
margin: 0;
padding: 0;
border-radius: 50%;
aspect-ratio: 1/1;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e810fe */.elementor-17770 .elementor-element.elementor-element-2e810fe p{
    margin: 0;
    padding: 0;
    color: var(--text-dark);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8d0588d */.elementor-17770 .elementor-element.elementor-element-8d0588d img{
height: 150px;
width: auto;
/* svg only */
/*filter: drop-shadow(1px 1px 0px var(--color-sat-12));*/
margin: 0;
padding: 0;
border-radius: 50%;
aspect-ratio: 1/1;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66c7732 */.elementor-17770 .elementor-element.elementor-element-66c7732 p{
    margin: 0;
    padding: 0;
    color: var(--text-dark);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4106fc8 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-17770 .elementor-element.elementor-element-4106fc8{
display: grid;
width: 100%; /* Canvas parent spans the viewport, so 100% is correct here */
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;
/* Item alignment: centers each grid item inside its cell */
justify-items: center;
align-items: center;
/* Grid alignment inside its own container:*/
justify-content: center;
align-content: center;
/* Auto-placement: default is 'row', so this is optional */
grid-auto-flow: row;
overflow-x: hidden;
overflow-y: hidden; 
overflow-x: clip;  
overflow-y: clip;
padding: 0;
padding-block-end: .5em;
margin: 0;
}

/* Tablet & below: collapse to one column */
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-4106fc8{
        grid-template-columns: repeat(2, minmax(10px, 1fr));
    }
}
/* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-17770 .elementor-element.elementor-element-4106fc8 > div{
/* grid-area: ;*/
/* grid-column-start: ;*/
/* grid-column-end: ;*/
/* grid-row-start: ;*/
/* grid-row-end: ;*/
/* justify-self: ;*/
/* align-self: ;*/
/* keeps padding/border inside width */
min-width: 0;             /* prevent content overflow horizontally */
min-height: 0;            /* prevent content overflow vertically */
width: 100vw;  
max-width: 100vw;     
inline-size: 100svw; 
max-inline-size: 100svw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:
vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack:center;
align-content: center;
gap: 1em;
padding: 0;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47146b8 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-17770 .elementor-element.elementor-element-47146b8{
display: -webkit-box;
display: -ms-flexbox;
display: flex; 
/* Choose one flow when
customizing this block */
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;

/*-webkit-box-orient:
vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
*/
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em; 

/* SIZE / LAYOUT
*/
/* Fallback for old browsers */
width: 100vw;
max-width: 100vw;
/* Modern replacement(progressive enhancement) */
inline-size: 100svw;
max-inline-size: 100svw;
/* Full-width Canvas container, no side wrapper */
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;
padding-inline: 10vw;
margin-block-end: max(6%, 40px);
}

/* Media queries*/
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-47146b8{
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-17770 .elementor-element.elementor-element-47146b8{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9091dde */.elementor-17770 .elementor-element.elementor-element-9091dde p{
text-align: center;
font-size: var(--font-size-p);
line-height: var(--line-height-normal);
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
margin: 0;
padding: 0;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-771cae3 */.elementor-17770 .elementor-element.elementor-element-771cae3 p{
text-align: center;
font-size: var(--font-size-p);
line-height: var(--line-height-normal);
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
margin: 0;
padding: 0;

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

.elementor-17770 .elementor-element.elementor-element-0329546 {
/* 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: 1em;
background-color: var(--brand-color);
margin: 0;
padding: 2em;
height: 400px; 
overflow: clip;
}

@media screen and (max-width: 802px){
    .elementor-17770 .elementor-element.elementor-element-0329546{
        height: 500px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d7fa064 */.elementor-17770 .elementor-element.elementor-element-d7fa064 iframe.instagram-media.instagram-media-rendered{
/* Tamaño y ratio */
width: 100% !important;
aspect-ratio: 1 / 1;
height: auto !important;
/* Anula restricciones del inline de Instagram */
max-width: none !important;
min-width: 0 !important;/* permite < 326px en móviles */
/* Apariencia de la “caja” del iframe */
margin: 0 !important; /* borra el margin-bottom:12px */
background-color: transparent !important;
border: 3px solid var(--color-light-1) !important;          /* quita el 1px solid #dbdbdb */
border-radius: .5em !important;/* tu radio, si quieres mantenerlo */
box-shadow: none !important;
display: block !important;
padding: 0 !important;
overflow: hidden !important;
}   

/* Opcional: ajuste por breakpoint (ejemplos) */
@media (max-width: 768px) {
  .elementor-17770 .elementor-element.elementor-element-d7fa064 iframe.instagram-media.instagram-media-rendered {
aspect-ratio: 1 / 1;        /* vertical en tablet/móvil */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3f9494 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-17770 .elementor-element.elementor-element-b3f9494 {
/* 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: 1em;
background-color: var(--color-hue-1);
margin: 0;
padding: 2em;
height: 400px; 
overflow: clip;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-884ce61 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-17770 .elementor-element.elementor-element-884ce61{
display: -webkit-box;
display: -ms-flexbox;
display: flex; 
/* Choose one flow when
customizing this block */

-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: 0em;

/* SIZE / LAYOUT
*/
/* Fallback for old browsers */
width: 100vw;
max-width: 100vw;
/* Modern replacement(progressive enhancement) */
inline-size: 100svw;
max-inline-size: 100svw;
/* Full-width Canvas container, no side wrapper */
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;
padding-inline: 10vw;
margin-block-end: max(6%, 40px);
}

/* Media queries*/
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-884ce61{
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-17770 .elementor-element.elementor-element-884ce61{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5ab26c */.elementor-17770 .elementor-element.elementor-element-a5ab26c a{
text-align: center;
/* White text */    
/*
color: var(--color-light-1);
text-shadow: var(--text-shadow);
*/
 color: var(--text-light);
padding: 1em;
font-size: var(--font-size-h6);
font-stretch: var(--font-stretch-normal);
font-variant-caps: var(--font-variant-caps-small);
letter-spacing: var(--letter-spacing-expanded);
border: 1px solid transparent;
background: linear-gradient(135deg, var(--brand-color-2), var(--brand-color));
border-radius: 0.18em;
text-shadow: var(--text-shadow-dark);    

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

.elementor-17770 .elementor-element.elementor-element-968972b{
inline-size: 100%;
max-inline-size: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* Choose one flow when
customizing this block */
/*-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: 0.1em;
padding: 0;
margin: 0;
}

/* Media queries*/
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-968972b{
-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-d003c05 */.elementor-17770 .elementor-element.elementor-element-d003c05 p{
text-align: center;
font-size: var(--font-size-p);
line-height: var(--line-height-normal);
color: var(--text-darki);

}

.elementor-17770 .elementor-element.elementor-element-d003c05 a{
    font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a6c5c5 */.elementor-17770 .elementor-element.elementor-element-7a6c5c5 iframe.instagram-media.instagram-media-rendered{
/* Tamaño y ratio */
width: 100% !important;
aspect-ratio: 1 / 1;
height: auto !important;
/* Anula restricciones del inline de Instagram */
max-width: none !important;
min-width: 0 !important;/* permite < 326px en móviles */
/* Apariencia de la “caja” del iframe */
margin: 0 !important; /* borra el margin-bottom:12px */
background-color: transparent !important;
border: 3px solid var(--color-hue-2) !important;          /* quita el 1px solid #dbdbdb */
border-radius: .5em !important;/* tu radio, si quieres mantenerlo */
box-shadow: none !important;
display: block !important;
padding: 0 !important;
overflow: hidden !important;
}   

/* Opcional: ajuste por breakpoint (ejemplos) */
@media (max-width: 768px) {
  .elementor-17770 .elementor-element.elementor-element-7a6c5c5 iframe.instagram-media.instagram-media-rendered {
aspect-ratio: 1 / 1;        /* vertical en tablet/móvil */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea4f60d *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-17770 .elementor-element.elementor-element-ea4f60d{
display: grid;
width: 100%; /* Canvas parent spans the viewport, so 100% is correct here */
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;
/* Item alignment: centers each grid item inside its cell */
justify-items: center;
align-items: center;
/* Grid alignment inside its own container:*/
justify-content: center;
align-content: center;
/* Auto-placement: default is 'row', so this is optional */
grid-auto-flow: row;
overflow-x: hidden;
overflow-y: hidden; 
overflow-x: clip;  
overflow-y: clip;
padding: 0;
margin: 0;
}

/* Tablet & below: collapse to one column */
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-ea4f60d{
        grid-template-columns: repeat(1, minmax(10px, 1fr));
    }
}
/* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-17770 .elementor-element.elementor-element-ea4f60d > div {
/* 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;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack:center;
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}

/* Image appears before text
---------------------------- */
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-ea4f60d > div:nth-child(2) {
    order: -1;
}
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af5563f *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-17770 .elementor-element.elementor-element-af5563f{
/* END DEBUG */
display: -webkit-box;
display: -ms-flexbox;
display: flex; 
/* Choose one flow when
customizing this block */
/*-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;*/
-webkit-box-orient:
vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em; 

/* SIZE / LAYOUT
*/
/* Fallback for old browsers */
width: 100vw;
max-width: 100vw;
/* Modern replacement(progressive enhancement) */
inline-size: 100svw;
max-inline-size: 100svw;
/* Full-width Canvas container, no side wrapper */
overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;
margin: 0;
padding: 0;
padding-inline: 10vw;
/*padding-block-start: max(20%, 80px);*/
/*padding-block-end: max(10%, 40px);*/
margin-block-end: max(10%, 80px);
}

/* Media queries*/
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-af5563f{
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-17770 .elementor-element.elementor-element-af5563f{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ba3033 */.elementor-17770 .elementor-element.elementor-element-8ba3033 a{
text-align: center;
/* White text */    
/*
color: var(--color-light-1);
text-shadow: var(--text-shadow);
*/
 color: var(--text-light);
padding: 1em;
font-size: var(--font-size-h6);
font-stretch: var(--font-stretch-normal);
font-variant-caps: var(--font-variant-caps-small);
letter-spacing: var(--letter-spacing-expanded);
border: 1px solid transparent;
background: linear-gradient(135deg, var(--color-hue-2), var(--color-hue-1));
border-radius: 0.18em;
text-shadow: var(--text-shadow-dark);   
margin: 0;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81d0b69 */.elementor-17770 .elementor-element.elementor-element-81d0b69 p{
text-align: center;
font-size: var(--font-size-p);
line-height: var(--line-height-normal);
color: var(--text-light);
text-shadow: var(--text-shadow-dark);

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

.elementor-17770 .elementor-element.elementor-element-55e9008{
display: grid;
width: 100%; /* Canvas parent spans the viewport, so 100% is correct here */
grid-template-columns: repeat(1, minmax(10px, 1fr));
grid-template-rows: repeat(1, minmax(10px, 1fr));
/* grid-template-areas: ; */
column-gap: 2em;
row-gap: 2em;
/* Item alignment: centers each grid item inside its cell */
justify-items: center;
align-items: center;
/* Grid alignment inside its own container:*/
justify-content: center;
align-content: center;
/* Auto-placement: default is 'row', so this is optional */
grid-auto-flow: row;
overflow-x: hidden;
overflow-y: hidden; 
overflow-x: clip;  
overflow-y: clip;
padding: 0;
margin: 0;
}

/* Tablet & below: collapse to one column */
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-55e9008{
        grid-template-columns: repeat(1, minmax(10px, 1fr));
    }
}
/* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-17770 .elementor-element.elementor-element-55e9008 > div {
/* 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;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack:center;
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}

/* Image appears before text
---------------------------- */
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-55e9008 > div:nth-child(2) {
    order: -1;
}
    
}

/* For child of flex inheritance
------------------- */
.elementor-17770 .elementor-element.elementor-element-55e9008 > div > div{
    flex: 1 1 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac10c53 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-17770 .elementor-element.elementor-element-ac10c53{
display: -webkit-box;
display: -ms-flexbox;
display: flex; 
/* Choose one flow when
customizing this block */
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;

/*-webkit-box-orient:
vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
*/
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em; 

/* SIZE / LAYOUT
*/
/* Fallback for old browsers */
width: 100vw;
max-width: 100vw;
/* Modern replacement(progressive enhancement) */
inline-size: 100svw;
max-inline-size: 100svw;
/* Full-width Canvas container, no side wrapper */
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;
padding-inline: 10vw;
padding-block: max(5%, 30px); 

background: linear-gradient(135deg, var(--brand-color), var(--brand-color-2));
}

/* Media queries*/
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-ac10c53{
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-17770 .elementor-element.elementor-element-ac10c53{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e57475 */.elementor-17770 .elementor-element.elementor-element-3e57475 h2{
    text-align: center;
    padding: 0;
    color: var(--brand-color);
    text-shadow: var(--text-shadow-dark);
    margin: 0;
    font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6154ab6 */.elementor-17770 .elementor-element.elementor-element-6154ab6 iframe.instagram-media.instagram-media-rendered{
/* Tamaño y ratio */
width: 100% !important;
aspect-ratio: 1 / 1;
height: auto !important;
/* Anula restricciones del inline de Instagram */
max-width: none !important;
min-width: 0 !important;/* permite < 326px en móviles */
/* Apariencia de la “caja” del iframe */
margin: 0 !important; /* borra el margin-bottom:12px */
background-color: transparent !important;
border: 3px solid var(--color-light-1) !important;         /* quita el 1px solid #dbdbdb */
border-radius: .5em !important;/* tu radio, si quieres mantenerlo */
box-shadow: none !important;
display: block !important;
padding: 0 !important;
overflow: hidden !important;
}   

/* Opcional: ajuste por breakpoint (ejemplos) */
@media (max-width: 768px) {
  .elementor-17770 .elementor-element.elementor-element-6154ab6 iframe.instagram-media.instagram-media-rendered {
aspect-ratio: 1 / 1;        /* vertical en tablet/móvil */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-199174b *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

.elementor-17770 .elementor-element.elementor-element-199174b{
display: grid;
width: 100%; /* Canvas parent spans the viewport, so 100% is correct here */
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;
/* Item alignment: centers each grid item inside its cell */
justify-items: center;
align-items: center;
/* Grid alignment inside its own container:*/
justify-content: center;
align-content: center;
/* Auto-placement: default is 'row', so this is optional */
grid-auto-flow: row;
overflow-x: hidden;
overflow-y: hidden; 
overflow-x: clip;  
overflow-y: clip;
padding: 0;
margin: 0;
}

/* Tablet & below: collapse to one column */
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-199174b{
        grid-template-columns: repeat(1, minmax(10px, 1fr));
    }
}
/* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-17770 .elementor-element.elementor-element-199174b > div {
/* 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;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack:center;
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}

/* Image appears before text
---------------------------- */
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-199174b > div:nth-child(2) {
    order: -1;
}
    
}

/* For child of flex inheritance
------------------- */
.elementor-17770 .elementor-element.elementor-element-199174b > div > div{
    flex: 1 1 auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2f5f86 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-17770 .elementor-element.elementor-element-b2f5f86{
display: -webkit-box;
display: -ms-flexbox;
display: flex; 
/* Choose one flow when
customizing this block */
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;

/*-webkit-box-orient:
vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
*/
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em; 

/* SIZE / LAYOUT
*/
/* Fallback for old browsers */
width: 100vw;
max-width: 100vw;
/* Modern replacement(progressive enhancement) */
inline-size: 100svw;
max-inline-size: 100svw;
/* Full-width Canvas container, no side wrapper */
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;
padding-inline: 10vw;
padding-block: max(5%, 30px); 
background: linear-gradient(135deg, var(--color-hue-1), var(--color-hue-2));
}

/* Media queries*/
@media only screen and (max-width: 1024px){
    .elementor-17770 .elementor-element.elementor-element-b2f5f86{
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-17770 .elementor-element.elementor-element-b2f5f86{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-17770 {
    background-color: var(--color-light-1);
}/* End custom CSS */