.elementor-562 .elementor-element.elementor-element-157727ca{--display:flex;}.elementor-562 .elementor-element.elementor-element-157727ca:not(.elementor-motion-effects-element-type-background), .elementor-562 .elementor-element.elementor-element-157727ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.brunopita.com/wp-content/uploads/z-completa-Valencia-2560px-20210919-mas-clara-UP_moreDetail_x1_2pass-scaled.webp");}.elementor-562 .elementor-element.elementor-element-3d5a23aa{--display:flex;}.elementor-562 .elementor-element.elementor-element-40c5d301{--display:flex;}.elementor-562 .elementor-element.elementor-element-9b5d76a{--display:flex;}.elementor-562 .elementor-element.elementor-element-bb15f54{--display:flex;}.elementor-562 .elementor-element.elementor-element-8b0c1b5{--display:flex;}/* Start custom CSS for html, class: .elementor-element-338dad83 */.elementor-562 .elementor-element.elementor-element-338dad83 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-7d2110b8 */.elementor-562 .elementor-element.elementor-element-7d2110b8 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-9612e81 */.elementor-562 .elementor-element.elementor-element-9612e81 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 container, class: .elementor-element-157727ca *//* Configurar flexbox
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 -----------------------
*/ 

.elementor-562 .elementor-element.elementor-element-157727ca{

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

}
}


@media only screen and (max-width: 600px){
	.elementor-562 .elementor-element.elementor-element-157727ca{
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-24610cf3 */.elementor-562 .elementor-element.elementor-element-24610cf3 {
    margin: 0;
    padding: 0;
}

.elementor-562 .elementor-element.elementor-element-24610cf3 p:last-of-type{
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d5a23aa *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-562 .elementor-element.elementor-element-3d5a23aa {
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;
margin-block-end: max(10%, 80px);
}


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

.elementor-562 .elementor-element.elementor-element-ace636b p{
    margin: 0;
    color: var(--text-light);
    text-shadow: var(--text-shadow-dark);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h6);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b5d76a *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-562 .elementor-element.elementor-element-9b5d76a {
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-562 .elementor-element.elementor-element-9b5d76a{
flex-flow: column nowrap;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0427fa1 */.elementor-562 .elementor-element.elementor-element-0427fa1 {
    margin: 0;
    padding: 0;
}

.elementor-562 .elementor-element.elementor-element-0427fa1 p{
    margin: 0;
}

.elementor-562 .elementor-element.elementor-element-0427fa1 a{
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb15f54 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

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

.elementor-562 .elementor-element.elementor-element-40c5d301{
 
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: row nowrap;
justify-content: center;
align-items: center;
gap: 1em;

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

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


@media only screen and (max-width: 600px){
	.elementor-562 .elementor-element.elementor-element-40c5d301{
padding-inline: min(1.6rem, 5vw);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ae4795 */.elementor-562 .elementor-element.elementor-element-6ae4795 {
    margin: 0;
    padding: 0;
}

.elementor-562 .elementor-element.elementor-element-6ae4795 p:last-of-type{
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b0c1b5 *//* Configurar container
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 ------------------------
 */

.elementor-562 .elementor-element.elementor-element-8b0c1b5 {
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;
margin-block-end: max(10%, 80px);
}


@media only screen and (max-width: 1024px){
.elementor-562 .elementor-element.elementor-element-8b0c1b5{
flex-flow: column nowrap;
}
}/* End custom CSS */