.elementor-700 .elementor-element.elementor-element-8fe8edc{--display:flex;}.elementor-700 .elementor-element.elementor-element-8fe8edc:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-8fe8edc > .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-700 .elementor-element.elementor-element-0883174{--display:flex;}.elementor-700 .elementor-element.elementor-element-fb5e7c8{--display:flex;}.elementor-700 .elementor-element.elementor-element-a1efa68{--display:flex;}.elementor-700 .elementor-element.elementor-element-00cc225{--display:grid;--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-2a36fc9{--display:flex;}.elementor-700 .elementor-element.elementor-element-cb48b22{--display:flex;}.elementor-700 .elementor-element.elementor-element-1a00ae7{--display:flex;}.elementor-700 .elementor-element.elementor-element-c8991ca{--display:flex;}.elementor-700 .elementor-element.elementor-element-3930ad2{--display:flex;}.elementor-700 .elementor-element.elementor-element-1c4339e{--display:flex;}.elementor-700 .elementor-element.elementor-element-35614c2{--display:grid;--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-fce6ec6{--display:flex;}.elementor-700 .elementor-element.elementor-element-0dc07cc{--display:flex;}.elementor-700 .elementor-element.elementor-element-96a84c7{--display:flex;}.elementor-700 .elementor-element.elementor-element-a547a17{--display:flex;}.elementor-700 .elementor-element.elementor-element-a735bfe{--display:flex;}.elementor-700 .elementor-element.elementor-element-c3afab6{--display:flex;}.elementor-700 .elementor-element.elementor-element-0ab82c5{--display:flex;}.elementor-700 .elementor-element.elementor-element-c87a36d{--display:flex;}.elementor-700 .elementor-element.elementor-element-164a668{--display:grid;--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-170bc37{--display:flex;}.elementor-700 .elementor-element.elementor-element-9289b54{--display:flex;}.elementor-700 .elementor-element.elementor-element-8eed4b4{--display:flex;}.elementor-700 .elementor-element.elementor-element-04edd75{--display:flex;}.elementor-700 .elementor-element.elementor-element-febc511{--display:flex;}.elementor-700 .elementor-element.elementor-element-194a0b9{--display:grid;--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-473262f{--display:flex;}.elementor-700 .elementor-element.elementor-element-473262f:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-473262f > .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-700 .elementor-element.elementor-element-6d16e98{--display:flex;}.elementor-700 .elementor-element.elementor-element-6d16e98:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-6d16e98 > .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-700 .elementor-element.elementor-element-00cc225{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-35614c2{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-164a668{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}.elementor-700 .elementor-element.elementor-element-194a0b9{--e-con-grid-template-columns:repeat (1, minmax(10px, 1fr));--grid-auto-flow:row;}}@media(max-width:767px){.elementor-700 .elementor-element.elementor-element-00cc225{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-700 .elementor-element.elementor-element-35614c2{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-700 .elementor-element.elementor-element-164a668{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}.elementor-700 .elementor-element.elementor-element-194a0b9{--grid-auto-flow:row;--align-items:center;--grid-align-content:center;}}/* Start custom CSS for html, class: .elementor-element-6a27fdd */.elementor-700 .elementor-element.elementor-element-6a27fdd 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-c38ec92 */.elementor-700 .elementor-element.elementor-element-c38ec92 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-7bd56ef */.elementor-700 .elementor-element.elementor-element-7bd56ef 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-8fe8edc *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-700 .elementor-element.elementor-element-8fe8edc{

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-700 .elementor-element.elementor-element-8fe8edc{
padding-inline: 8vw;
flex-flow: column nowrap;
background-position: center 40%;
min-block-size: 45svh;

}
}


@media only screen and (max-width: 600px){
	.elementor-700 .elementor-element.elementor-element-8fe8edc{
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-3159e78 */.elementor-700 .elementor-element.elementor-element-3159e78 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-817e0af */.elementor-700 .elementor-element.elementor-element-817e0af 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-d7c3098 */.elementor-700 .elementor-element.elementor-element-d7c3098 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-0883174 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-700 .elementor-element.elementor-element-0883174{
 
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-700 .elementor-element.elementor-element-0883174{
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-700 .elementor-element.elementor-element-0883174{
padding-inline: min(1.6rem, 5vw);
 min-height: 40svh;
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5caafd3 */.elementor-700 .elementor-element.elementor-element-5caafd3 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-8b5a646 */.elementor-700 .elementor-element.elementor-element-8b5a646 p{
    margin: 0;
    color: var(--color-hue-1);
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-688ce17 *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-700 .elementor-element.elementor-element-688ce17 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-a1efa68 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-700 .elementor-element.elementor-element-a1efa68 {
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-700 .elementor-element.elementor-element-a1efa68{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f2bdef9 */.elementor-700 .elementor-element.elementor-element-f2bdef9 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-ef31817 */.elementor-700 .elementor-element.elementor-element-ef31817 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
     color: var(--color-hue-1);

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

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

.elementor-700 .elementor-element.elementor-element-2a36fc9{

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-ac5ea0a */.elementor-700 .elementor-element.elementor-element-ac5ea0a 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-04a2de6 */.elementor-700 .elementor-element.elementor-element-04a2de6 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
     color: var(--color-hue-1);

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

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

.elementor-700 .elementor-element.elementor-element-cb48b22{

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-4014d1a */.elementor-700 .elementor-element.elementor-element-4014d1a 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-ddebce5 */.elementor-700 .elementor-element.elementor-element-ddebce5 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
     color: var(--color-hue-1);

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

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

.elementor-700 .elementor-element.elementor-element-1a00ae7{

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-0b73b8b */.elementor-700 .elementor-element.elementor-element-0b73b8b 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-4c65521 */.elementor-700 .elementor-element.elementor-element-4c65521 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
     color: var(--color-hue-1);

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

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

.elementor-700 .elementor-element.elementor-element-c8991ca{

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-00cc225 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

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

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

.elementor-700 .elementor-element.elementor-element-fb5e7c8 {
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-700 .elementor-element.elementor-element-fb5e7c8{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c206b3 */.elementor-700 .elementor-element.elementor-element-6c206b3 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 html, class: .elementor-element-d1b7acf */.elementor-700 .elementor-element.elementor-element-d1b7acf p{
    margin: 0;
  
      color: var(--color-hue-2);
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24c4538 *//* cambiar entre las clases
cta, cta light, button, button thin */

.elementor-700 .elementor-element.elementor-element-24c4538 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-1c4339e *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-700 .elementor-element.elementor-element-1c4339e {
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-700 .elementor-element.elementor-element-1c4339e{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da9243c */.elementor-700 .elementor-element.elementor-element-da9243c 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-8e4994a */.elementor-700 .elementor-element.elementor-element-8e4994a h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

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

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

.elementor-700 .elementor-element.elementor-element-fce6ec6{

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-f727f70 */.elementor-700 .elementor-element.elementor-element-f727f70 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-5750a12 */.elementor-700 .elementor-element.elementor-element-5750a12 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

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

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

.elementor-700 .elementor-element.elementor-element-0dc07cc{

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-1643b65 */.elementor-700 .elementor-element.elementor-element-1643b65 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-7ea72e0 */.elementor-700 .elementor-element.elementor-element-7ea72e0 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

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

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

.elementor-700 .elementor-element.elementor-element-96a84c7{

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-21b6e19 */.elementor-700 .elementor-element.elementor-element-21b6e19 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-d679d65 */.elementor-700 .elementor-element.elementor-element-d679d65 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

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

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

.elementor-700 .elementor-element.elementor-element-a547a17{

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-1b086f9 */.elementor-700 .elementor-element.elementor-element-1b086f9 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-9589f24 */.elementor-700 .elementor-element.elementor-element-9589f24 h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

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

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

.elementor-700 .elementor-element.elementor-element-a735bfe{

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-2818160 */.elementor-700 .elementor-element.elementor-element-2818160 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-621373e */.elementor-700 .elementor-element.elementor-element-621373e h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-h6);
    text-align: left;
      color: var(--color-hue-2);

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

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

.elementor-700 .elementor-element.elementor-element-c3afab6{

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-35614c2 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

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

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

.elementor-700 .elementor-element.elementor-element-3930ad2 {
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-700 .elementor-element.elementor-element-3930ad2{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60ee6a0 */.elementor-700 .elementor-element.elementor-element-60ee6a0 {
    margin: 0;
    padding: 0;
  
}

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

.elementor-700 .elementor-element.elementor-element-c87a36d {
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-700 .elementor-element.elementor-element-c87a36d{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a316ad5 */.elementor-700 .elementor-element.elementor-element-a316ad5 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-9fd4e86 */.elementor-700 .elementor-element.elementor-element-9fd4e86 h3{
    margin: 0;
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    font-size: var(--font-size-h5);
}

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

.elementor-700 .elementor-element.elementor-element-170bc37{
/* 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-3c38b56 */.elementor-700 .elementor-element.elementor-element-3c38b56 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-9289b54 *//* Childs 
----------------------- *
/* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-700 .elementor-element.elementor-element-9289b54{
/* 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-b80fb54 */.elementor-700 .elementor-element.elementor-element-b80fb54 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-4ee7ad3 */.elementor-700 .elementor-element.elementor-element-4ee7ad3 h3{
    margin: 0;
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    font-size: var(--font-size-h5);
}

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

.elementor-700 .elementor-element.elementor-element-8eed4b4{
/* 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-164a668 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

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

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

.elementor-700 .elementor-element.elementor-element-184e35d p{
    text-shadow: var(--text-shadow-dark);
    color: var(--text-light);
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0acef8 */.elementor-700 .elementor-element.elementor-element-e0acef8 a::after{
 background: var(--color-hue-3);
    margin: 0;
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04edd75 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-700 .elementor-element.elementor-element-04edd75 {
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-700 .elementor-element.elementor-element-04edd75{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ab82c5 *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

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


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

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

.elementor-700 .elementor-element.elementor-element-473262f{
/* 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-6a47ccf */.elementor-700 .elementor-element.elementor-element-6a47ccf h2{
    text-align: center;
    margin: 0;
    font-size: var(--font-size-h5);
}

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

.elementor-700 .elementor-element.elementor-element-6d16e98{
/* 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-194a0b9 *//* Configurar div 
 * https://css-tricks.com/snippets/css/complete-guide-grid/
------------------------- 
*/

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

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

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


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