.elementor-708 .elementor-element.elementor-element-b83a8bb{--display:flex;}.elementor-708 .elementor-element.elementor-element-b83a8bb:not(.elementor-motion-effects-element-type-background), .elementor-708 .elementor-element.elementor-element-b83a8bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.brunopita.com/wp-content/uploads/1-Inicio-Est.Nord-2560px-20190412-sin-coche_moreDetail_x1_2pass.webp");}.elementor-708 .elementor-element.elementor-element-9d8fcf4{--display:flex;}.elementor-708 .elementor-element.elementor-element-3750392{--display:flex;}.elementor-708 .elementor-element.elementor-element-66d149a{--display:flex;}.elementor-708 .elementor-element.elementor-element-df6a43b{--display:grid;--grid-auto-flow:row;}.elementor-708 .elementor-element.elementor-element-5333e1a{--display:flex;}.elementor-708 .elementor-element.elementor-element-7e4a3e7{--display:flex;}.elementor-708 .elementor-element.elementor-element-3f63dd0{--display:flex;}.elementor-708 .elementor-element.elementor-element-be85ad0{--display:flex;}.elementor-708 .elementor-element.elementor-element-ffcc78c{--display:flex;}.elementor-708 .elementor-element.elementor-element-dbb21ce{--display:flex;}.elementor-708 .elementor-element.elementor-element-a7238ef{--display:flex;}.elementor-708 .elementor-element.elementor-element-f8ce927{--display:grid;--grid-auto-flow:row;}.elementor-708 .elementor-element.elementor-element-32fe306{--display:flex;}.elementor-708 .elementor-element.elementor-element-78fec2e{--display:flex;}.elementor-708 .elementor-element.elementor-element-dc1f212{--display:flex;}.elementor-708 .elementor-element.elementor-element-8f996e8{--display:flex;}.elementor-708 .elementor-element.elementor-element-6d21f9e{--display:flex;}.elementor-708 .elementor-element.elementor-element-60b1138{--display:flex;}.elementor-708 .elementor-element.elementor-element-316f2ae{--display:flex;}.elementor-708 .elementor-element.elementor-element-7f11312{--display:flex;--gap:20em 20em;--row-gap:20em;--column-gap:20em;}.elementor-708 .elementor-element.elementor-element-4eb8be5{--display:flex;}.elementor-708 .elementor-element.elementor-element-4607997{--display:grid;--grid-auto-flow:row;}.elementor-708 .elementor-element.elementor-element-0bcbc0a{--display:flex;}.elementor-708 .elementor-element.elementor-element-d81e0a2{--display:flex;}.elementor-708 .elementor-element.elementor-element-cce5522{--display:flex;}.elementor-708 .elementor-element.elementor-element-2e5ab80{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-708 .elementor-element.elementor-element-8aa5d96{--display:flex;}.elementor-708 .elementor-element.elementor-element-3e8a83b{--display:grid;--grid-auto-flow:row;}.elementor-708 .elementor-element.elementor-element-ad8c025{--display:flex;}.elementor-708 .elementor-element.elementor-element-ad8c025:not(.elementor-motion-effects-element-type-background), .elementor-708 .elementor-element.elementor-element-ad8c025 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.brunopita.com/wp-content/uploads/1-Inicio-Valencia-1536px-recortada_hor._1-scaled.webp");}.elementor-708 .elementor-element.elementor-element-b10fc1f{--display:flex;}.elementor-708 .elementor-element.elementor-element-b10fc1f:not(.elementor-motion-effects-element-type-background), .elementor-708 .elementor-element.elementor-element-b10fc1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.brunopita.com/wp-content/uploads/1-Inicio-Coruna-1536px-recortada_hor._2.webp");}@media(max-width:1024px){.elementor-708 .elementor-element.elementor-element-df6a43b{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-708 .elementor-element.elementor-element-f8ce927{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-708 .elementor-element.elementor-element-4607997{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-708 .elementor-element.elementor-element-3e8a83b{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}}@media(max-width:767px){.elementor-708 .elementor-element.elementor-element-df6a43b{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-708 .elementor-element.elementor-element-f8ce927{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-708 .elementor-element.elementor-element-4607997{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-708 .elementor-element.elementor-element-3e8a83b{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}}/* Start custom CSS for html, class: .elementor-element-0cffe3d */.elementor-708 .elementor-element.elementor-element-0cffe3d h1{
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ba515f9 */.elementor-708 .elementor-element.elementor-element-ba515f9 p{
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    font-size: var(--font-size-h6);
    margin: 0;
    font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-665bc09 */.elementor-708 .elementor-element.elementor-element-665bc09 p{
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    font-size: var(--font-size-h5);
    margin: 0;
    font-weight: var(--font-weight-bold);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b83a8bb *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-708 .elementor-element.elementor-element-b83a8bb{

width: 100vw;   
max-width: 100vw;    
inline-size: 100svw;   
max-inline-size: 100svw;
min-block-size: 60vh;
min-block-size: 60svh; 

overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;


display: flex;
/*
flex-flow: row nowrap;
*/        
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: 2em;

/* Edit the image */
background-blend-mode: multiply;
background-color: rgba(50, 50, 50, 0.6);
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-708 .elementor-element.elementor-element-b83a8bb{
padding-inline: 8vw;
flex-flow: column nowrap;
background-position: center 40%;
min-block-size: 45svh;

}
}


@media only screen and (max-width: 600px){
	.elementor-708 .elementor-element.elementor-element-b83a8bb{
padding-inline: min(1.6rem, 5vw);
background-position: center 50%;
 min-block-size: 40svh; 
 
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2a9ec4a */.elementor-708 .elementor-element.elementor-element-2a9ec4a p{
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
font-size: var(--font-size-h5);
font-weight: var(--font-weight-bold);
margin: 0;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81e9d89 */.elementor-708 .elementor-element.elementor-element-81e9d89 p{
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
font-size: var(--font-size-h6);
font-weight: var(--font-weight-bold);
margin: 0;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a130429 */.elementor-708 .elementor-element.elementor-element-a130429 p{
color: var(--text-light);
text-shadow: var(--text-shadow-dark);
font-size: var(--font-size-h6);
font-weight: var(--font-weight-bold);
margin: 0;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d8fcf4 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-708 .elementor-element.elementor-element-9d8fcf4{
 
width: 100vw;   
max-width: 100vw;    
inline-size: 100svw;   
max-inline-size: 100svw;
min-height: 30svh;

overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: 1em;

/* Edit the image */
/*background-blend-mode: multiply;*/
background: linear-gradient(to bottom, var(--color-hue-5), var(--color-hue-4) );

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-708 .elementor-element.elementor-element-9d8fcf4{
padding-inline: 8vw;

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


@media only screen and (max-width: 600px){
	.elementor-708 .elementor-element.elementor-element-9d8fcf4{
padding-inline: min(1.6rem, 5vw);
 min-height: 40svh;
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb83e8a */.elementor-708 .elementor-element.elementor-element-bb83e8a h2{
    margin: 0;
    padding-block-end: .2em;
    color: var(--color-hue-1);
    border-block-end: 2px solid currentcolor;
    max-width: max-content;
    line-height: var(--line-height-condensed);
    font-size: var(--font-size-h3);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db29a30 */.elementor-708 .elementor-element.elementor-element-db29a30 p{
    margin: 0;
    color: var(--color-hue-1);
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66d149a *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-708 .elementor-element.elementor-element-66d149a {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}


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

max-height: 4em;
max-block-size: 4em;    
width: auto;
height: auto;
margin: 0;
padding: 0;
margin-inline-start: .3em;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c548eae */.elementor-708 .elementor-element.elementor-element-c548eae h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
     color: var(--color-hue-1);

    
}
.elementor-708 .elementor-element.elementor-element-c548eae p{
    font-size: var(--font-size-sub);
    margin: 0;
    text-align: left;

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

.elementor-708 .elementor-element.elementor-element-5333e1a{

min-width: 0;             
min-height: 0;            
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
 justify-content: flex-start;
align-items: center;
align-content: center;

gap: .8em;

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

max-height: 4em;
max-block-size: 4em;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8319d9 */.elementor-708 .elementor-element.elementor-element-d8319d9 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
     color: var(--color-hue-1);

    
}
.elementor-708 .elementor-element.elementor-element-d8319d9 p{
    font-size: var(--font-size-sub);
    margin: 0;
    text-align: left;

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

.elementor-708 .elementor-element.elementor-element-7e4a3e7{

min-width: 0;             
min-height: 0;            
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
 justify-content: flex-start;
align-items: center;
align-content: center;

gap: .8em;

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

max-height: 4em;
max-block-size: 4em;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0d42b1 */.elementor-708 .elementor-element.elementor-element-c0d42b1 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
     color: var(--color-hue-1);

    
}
.elementor-708 .elementor-element.elementor-element-c0d42b1 p{
    font-size: var(--font-size-sub);
    margin: 0;
    text-align: left;

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

.elementor-708 .elementor-element.elementor-element-3f63dd0{

min-width: 0;             
min-height: 0;            
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
 justify-content: flex-start;
align-items: center;
align-content: center;

gap: .8em;

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

max-height: 4em;
max-block-size: 4em;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9d8f27 */.elementor-708 .elementor-element.elementor-element-a9d8f27 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
     color: var(--color-hue-1);

    
}
.elementor-708 .elementor-element.elementor-element-a9d8f27 p{
    font-size: var(--font-size-sub);
    margin: 0;
    text-align: left;

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

.elementor-708 .elementor-element.elementor-element-be85ad0{

min-width: 0;             
min-height: 0;            
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
 justify-content: flex-start;
align-items: center;
align-content: center;

gap: .8em;

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

.elementor-708 .elementor-element.elementor-element-df6a43b {
    
display: -ms-grid;
display: grid;

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

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

    
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93f6c1c *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-708 .elementor-element.elementor-element-93f6c1c a{
    margin: 0;
    font-size: var(--font-size-p);
    background: var(--color-hue-1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffcc78c *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-708 .elementor-element.elementor-element-ffcc78c {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}


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

.elementor-708 .elementor-element.elementor-element-3750392 {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: max(3em, 20px);
padding: 0;
margin: 0;
margin-block-end: max(10%, 80px);
}


@media only screen and (max-width: 1024px){
.elementor-708 .elementor-element.elementor-element-3750392{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d128145 */.elementor-708 .elementor-element.elementor-element-d128145 h2{
    margin: 0;
    padding-block-end: .2em;
    color: var(--color-hue-2);
    border-block-end: 2px solid currentcolor;
    max-width: max-content;
    line-height: var(--line-height-condensed);
    font-size: var(--font-size-h3);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7238ef *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-708 .elementor-element.elementor-element-a7238ef {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}


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

max-height: 6em;
max-block-size: 6em;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-143a227 */.elementor-708 .elementor-element.elementor-element-143a227 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

    
}
.elementor-708 .elementor-element.elementor-element-143a227 p{
    font-size: var(--font-size-sub);
    margin: 0;
    text-align: left;

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

.elementor-708 .elementor-element.elementor-element-32fe306{

min-width: 0;             
min-height: 0;            
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
 justify-content: flex-start;
align-items: center;
align-content: center;

gap: .8em;

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

max-height: 4em;
max-block-size: 4em;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b632d2f */.elementor-708 .elementor-element.elementor-element-b632d2f h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

    
}
.elementor-708 .elementor-element.elementor-element-b632d2f p{
    font-size: var(--font-size-sub);
    margin: 0;
    text-align: left;

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

.elementor-708 .elementor-element.elementor-element-78fec2e{

min-width: 0;             
min-height: 0;            
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
 justify-content: flex-start;
align-items: center;
align-content: center;

gap: .8em;

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

max-height: 4em;
max-block-size: 4em;    
width: auto;
height: auto;
margin: 0;
padding: 0;
margin-inline-start: .3em;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-584d546 */.elementor-708 .elementor-element.elementor-element-584d546 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

    
}
.elementor-708 .elementor-element.elementor-element-584d546 p{
    font-size: var(--font-size-sub);
    margin: 0;
    text-align: left;

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

.elementor-708 .elementor-element.elementor-element-dc1f212{

min-width: 0;             
min-height: 0;            
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
 justify-content: flex-start;
align-items: center;
align-content: center;

gap: .8em;

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

max-height: 4em;
max-block-size: 4em;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbd8277 */.elementor-708 .elementor-element.elementor-element-cbd8277 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

    
}
.elementor-708 .elementor-element.elementor-element-cbd8277 p{
    font-size: var(--font-size-sub);
    margin: 0;
    text-align: left;

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

.elementor-708 .elementor-element.elementor-element-8f996e8{

min-width: 0;             
min-height: 0;            
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
 justify-content: flex-start;
align-items: center;
align-content: center;

gap: .8em;

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

max-height: 4em;
max-block-size: 4em;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a04ad2 */.elementor-708 .elementor-element.elementor-element-8a04ad2 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

    
}
.elementor-708 .elementor-element.elementor-element-8a04ad2 p{
    font-size: var(--font-size-sub);
    margin: 0;
    text-align: left;

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

.elementor-708 .elementor-element.elementor-element-6d21f9e{

min-width: 0;             
min-height: 0;            
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
 justify-content: flex-start;
align-items: center;
align-content: center;

gap: .8em;

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

max-height: 5em;
max-block-size: 5em;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52303dc */.elementor-708 .elementor-element.elementor-element-52303dc h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

    
}
.elementor-708 .elementor-element.elementor-element-52303dc p{
    font-size: var(--font-size-sub);
    margin: 0;
    text-align: left;

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

.elementor-708 .elementor-element.elementor-element-60b1138{

min-width: 0;             
min-height: 0;            
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
 justify-content: flex-start;
align-items: center;
align-content: center;

gap: .8em;

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

.elementor-708 .elementor-element.elementor-element-f8ce927 {
    
display: -ms-grid;
display: grid;

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

grid-template-columns: repeat(2, minmax(10px, 1fr));
grid-template-rows: repeat(3, 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-708 .elementor-element.elementor-element-f8ce927{
    
grid-template-columns: repeat(1, minmax(10px, 1fr));

    
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd13b75 *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-708 .elementor-element.elementor-element-bd13b75 a{
    margin: 0;
    font-size: var(--font-size-p);
    background: var(--color-hue-2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-316f2ae *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-708 .elementor-element.elementor-element-316f2ae {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}


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

.elementor-708 .elementor-element.elementor-element-dbb21ce {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: max(3em, 20px);
padding: 0;
margin: 0;
margin-block-end: max(10%, 80px);
}


@media only screen and (max-width: 1024px){
.elementor-708 .elementor-element.elementor-element-dbb21ce{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09dd574 */.elementor-708 .elementor-element.elementor-element-09dd574 {
    margin: 0;
    padding: 0;
  
}

.elementor-708 .elementor-element.elementor-element-09dd574 h2{
      color: var(--text-light);
      text-shadow: var(--text-shadow-dark);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4eb8be5 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-708 .elementor-element.elementor-element-4eb8be5 {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: row nowrap;
/*       
flex-flow: column nowrap;
*/
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}


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

max-height: 100px;
max-block-size: 100px;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67b1b78 */.elementor-708 .elementor-element.elementor-element-67b1b78 h3{
    margin: 0;
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    font-size: var(--font-size-h5);
}

.elementor-708 .elementor-element.elementor-element-67b1b78 p{
    text-shadow: var(--text-shadow-dark);
    color: var(--text-light);
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0bcbc0a *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-708 .elementor-element.elementor-element-0bcbc0a{
/* 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;

-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: .5em;

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

max-height: 350px;
max-block-size: 350px;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
/* svg only */
/*Filter: drop-shadow(1px 1px 0px var(--color-light-5));*/

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

.elementor-708 .elementor-element.elementor-element-d81e0a2{
/* 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;

-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: .5em;

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

max-height: 100px;
max-block-size: 100px;    
width: auto;
height: auto;
margin: 0;
padding: 0;
border-radius: .5em;
Filter: drop-shadow(1px 1px 0px var(--color-light-5));

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c25a7e0 */.elementor-708 .elementor-element.elementor-element-c25a7e0 h3{
    margin: 0;
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    font-size: var(--font-size-h5);
}

.elementor-708 .elementor-element.elementor-element-c25a7e0 p{
    text-shadow: var(--text-shadow-dark);
    color: var(--text-light);
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cce5522 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-708 .elementor-element.elementor-element-cce5522{
/* 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;

-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: .5em;

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

.elementor-708 .elementor-element.elementor-element-4607997 {
    
display: -ms-grid;
display: grid;

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

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

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

    
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ec6a86 */.elementor-708 .elementor-element.elementor-element-8ec6a86 h3{
    margin: 0;
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    font-size: var(--font-size-h5);
}

.elementor-708 .elementor-element.elementor-element-8ec6a86 p{
    text-shadow: var(--text-shadow-dark);
    color: var(--text-light);
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4eca7a2 */.elementor-708 .elementor-element.elementor-element-4eca7a2 a::after{
 background: var(--color-hue-3);
    margin: 0;
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e5ab80 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-708 .elementor-element.elementor-element-2e5ab80 {
width: 100%;
max-width: 100%;
inline-size: 100%;
max-inline-size: 100%;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* no effect with nowrap */
align-content:center;
gap: 2em;
padding: 0;
margin: 0;
}


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

.elementor-708 .elementor-element.elementor-element-7f11312{
 
width: 100vw;   
max-width: 100vw;    
inline-size: 100svw;   
max-inline-size: 100svw;
min-height: 30svh;

overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;

gap: 2em;
/* Edit the image */
/*background-blend-mode: multiply;*/
background-color: var(--color-hue-1);

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-708 .elementor-element.elementor-element-7f11312{
padding-inline: 8vw;
flex-flow: column nowrap;
 min-height: 40svh;
    }
}


@media only screen and (max-width: 600px){
	.elementor-708 .elementor-element.elementor-element-7f11312{
padding-inline: min(1.6rem, 5vw);
 min-height: 40svh;
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69daf75 */.elementor-708 .elementor-element.elementor-element-69daf75 h2{
    text-align: center;
    margin: 0;
    font-size: var(--font-size-h5);
}

.elementor-708 .elementor-element.elementor-element-69daf75 a{
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad8c025 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-708 .elementor-element.elementor-element-ad8c025{
/* grid-area: ;*/
/* grid-column-start: ;*/
/* grid-column-end: ;*/
/* grid-row-start: ;*/
/* grid-row-end: ;*/
/* justify-self: ;*/
/* align-self: ;*/

min-width: 0;             
min-height: 0; 
max-width: 100%;
width: 100%;
inline-size: 100%;
max-inline-size: 100%;


display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* has not effect with nowrap */
align-content: center;
gap: .5em;

/* Edit the image */
background-blend-mode: multiply;
background-color: rgba(50, 50, 50, 0.6);
background-attachment: scroll;
background-position: center 30%;
background-size: cover;
background-repeat: no-repeat;
background-clip: border-box;


padding: 3em;
margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-195616a */.elementor-708 .elementor-element.elementor-element-195616a h2{
    text-align: center;
    margin: 0;
    font-size: var(--font-size-h5);
}

.elementor-708 .elementor-element.elementor-element-195616a a{
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b10fc1f *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-708 .elementor-element.elementor-element-b10fc1f{
/* grid-area: ;*/
/* grid-column-start: ;*/
/* grid-column-end: ;*/
/* grid-row-start: ;*/
/* grid-row-end: ;*/
/* justify-self: ;*/
/* align-self: ;*/

min-width: 0;             
min-height: 0; 
max-width: 100%;
width: 100%;
inline-size: 100%;
max-inline-size: 100%;


display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* has not effect with nowrap */
align-content: center;
gap: .5em;

/* Edit the image */
background-blend-mode: multiply;
background-color: rgba(50, 50, 50, 0.6);
background-attachment: scroll;
background-position: center 30%;
background-size: cover;
background-repeat: no-repeat;
background-clip: border-box;

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

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

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

.elementor-708 .elementor-element.elementor-element-8aa5d96{
 
width: 100vw;   
max-width: 100vw;    
inline-size: 100svw;   
max-inline-size: 100svw;

overflow-x: hidden;
overflow-y: hidden;
overflow-x: clip;
overflow-y: clip;

display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: 1em;



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

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


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