.elementor-22 .elementor-element.elementor-element-1f31366{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-22 .elementor-element.elementor-element-1f31366:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-1f31366 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://estudifna.cat/wp-content/uploads/2023/09/02-planta-general-agost_page-0001-1024x724-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-1f31366::before, .elementor-22 .elementor-element.elementor-element-1f31366 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-1f31366 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-1f31366 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-1f31366 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-1f31366 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-3efd115{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-e40a6b8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:3rem;font-weight:800;color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-f610563{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:3rem 1rem;--row-gap:3rem;--column-gap:1rem;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:10%;--padding-right:10%;}.elementor-22 .elementor-element.elementor-element-6258273{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-bdf7f65 .elementor-icon-wrapper{text-align:center;}.elementor-22 .elementor-element.elementor-element-bdf7f65 .elementor-icon{font-size:6rem;}.elementor-22 .elementor-element.elementor-element-bdf7f65 .elementor-icon svg{height:6rem;}.elementor-22 .elementor-element.elementor-element-e55d367{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-22 .elementor-element.elementor-element-e55d367 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.3rem;font-weight:700;color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-882a1da{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-22 .elementor-element.elementor-element-3c4774a .elementor-icon-wrapper{text-align:center;}.elementor-22 .elementor-element.elementor-element-3c4774a .elementor-icon{font-size:6rem;}.elementor-22 .elementor-element.elementor-element-3c4774a .elementor-icon svg{height:6rem;}.elementor-22 .elementor-element.elementor-element-3c4c8b1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-22 .elementor-element.elementor-element-3c4c8b1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.3rem;font-weight:700;color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-9656d12{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-22 .elementor-element.elementor-element-e0e9c69 .elementor-icon-wrapper{text-align:center;}.elementor-22 .elementor-element.elementor-element-e0e9c69 .elementor-icon{font-size:6rem;}.elementor-22 .elementor-element.elementor-element-e0e9c69 .elementor-icon svg{height:6rem;}.elementor-22 .elementor-element.elementor-element-245f44a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-22 .elementor-element.elementor-element-245f44a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.3rem;font-weight:700;color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-0a80319{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-22 .elementor-element.elementor-element-484308c .elementor-icon-wrapper{text-align:center;}.elementor-22 .elementor-element.elementor-element-484308c .elementor-icon{font-size:6rem;}.elementor-22 .elementor-element.elementor-element-484308c .elementor-icon svg{height:6rem;}.elementor-22 .elementor-element.elementor-element-35940ae{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-22 .elementor-element.elementor-element-35940ae .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.3rem;font-weight:700;color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-36c8b49{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-22 .elementor-element.elementor-element-8785050 .elementor-icon-wrapper{text-align:center;}.elementor-22 .elementor-element.elementor-element-8785050 .elementor-icon{font-size:6rem;}.elementor-22 .elementor-element.elementor-element-8785050 .elementor-icon svg{height:6rem;}.elementor-22 .elementor-element.elementor-element-3e61bd1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-22 .elementor-element.elementor-element-3e61bd1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.3rem;font-weight:700;color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-f610563{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-22 .elementor-element.elementor-element-bdf7f65 .elementor-icon{font-size:4rem;}.elementor-22 .elementor-element.elementor-element-bdf7f65 .elementor-icon svg{height:4rem;}.elementor-22 .elementor-element.elementor-element-3c4774a .elementor-icon{font-size:4rem;}.elementor-22 .elementor-element.elementor-element-3c4774a .elementor-icon svg{height:4rem;}.elementor-22 .elementor-element.elementor-element-e0e9c69 .elementor-icon{font-size:4rem;}.elementor-22 .elementor-element.elementor-element-e0e9c69 .elementor-icon svg{height:4rem;}.elementor-22 .elementor-element.elementor-element-484308c .elementor-icon{font-size:4rem;}.elementor-22 .elementor-element.elementor-element-484308c .elementor-icon svg{height:4rem;}.elementor-22 .elementor-element.elementor-element-8785050 .elementor-icon{font-size:4rem;}.elementor-22 .elementor-element.elementor-element-8785050 .elementor-icon svg{height:4rem;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-1f31366{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22 .elementor-element.elementor-element-3efd115{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22 .elementor-element.elementor-element-e40a6b8{text-align:center;}.elementor-22 .elementor-element.elementor-element-e40a6b8 .elementor-heading-title{font-size:2rem;}.elementor-22 .elementor-element.elementor-element-f610563{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-e55d367 .elementor-heading-title{font-size:1rem;}.elementor-22 .elementor-element.elementor-element-3c4c8b1 .elementor-heading-title{font-size:1rem;}.elementor-22 .elementor-element.elementor-element-245f44a .elementor-heading-title{font-size:1rem;}.elementor-22 .elementor-element.elementor-element-35940ae .elementor-heading-title{font-size:1rem;}.elementor-22 .elementor-element.elementor-element-3e61bd1 .elementor-heading-title{font-size:1rem;}}/* Start custom CSS for container, class: .elementor-element-1f31366 */.elementor-22 .elementor-element.elementor-element-1f31366::after{
    content: "";
    background: url('https://estudifna.cat/wp-content/uploads/2023/08/02-Down-Arrow-1.png');
    background-size: cover;
    width: 80px;
    aspect-ratio: 1/1;
    display: block;
    position: absolute;
    bottom: 25px;
    animation: bucle 1s infinite ease-in-out;
}

@keyframes bucle{
    0%{
        bottom: 35px;
    }
    100%{
        bottom: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e55d367 */.elementor-22 .elementor-element.elementor-element-e55d367 span{
    font-size: 2rem;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6258273 */.elementor-22 .elementor-element.elementor-element-6258273{
    box-shadow:  5px 5px 10px #ededed,
             -5px -5px 10px #ffffff;
    border-radius: 1em;
    transition: all .3s ease;
}

.elementor-22 .elementor-element.elementor-element-6258273::after{
    content: "veure projecte ->";
    font-family: "Inter";
    font-weight: 600;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 1.1rem;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.elementor-22 .elementor-element.elementor-element-6258273::before{
    content: "";
    height: 100%;
    background-color: #437EF7;
    display: block;
    position: absolute;
    opacity: 0;
    border-radius: 10px;
    pointer-events: none;
}

.elementor-22 .elementor-element.elementor-element-6258273:hover:after{
    opacity: 1;
}

.elementor-22 .elementor-element.elementor-element-6258273:hover svg, .elementor-22 .elementor-element.elementor-element-6258273:hover h2{
    opacity: .3;
}

.elementor-22 .elementor-element.elementor-element-6258273:hover{
    
    box-shadow:  13px 13px 26px #ededed,
             -13px -13px 26px #ffffff;
}

.elementor-22 .elementor-element.elementor-element-6258273:hover:before{
    opacity: 0.7;
    animation: .5s fondo forwards;
}

@keyframes fondo{
    from{
        width: 0%;
    }
    to{
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c4c8b1 */.elementor-22 .elementor-element.elementor-element-3c4c8b1 span{
    font-size: 2rem;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-882a1da */.elementor-22 .elementor-element.elementor-element-882a1da{
    box-shadow:  5px 5px 10px #ededed,
             -5px -5px 10px #ffffff;
    border-radius: 1em;
    transition: all .3s ease;
}

.elementor-22 .elementor-element.elementor-element-882a1da::after{
    content: "veure projecte ->";
    font-family: "Inter";
    font-weight: 600;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 1.1rem;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.elementor-22 .elementor-element.elementor-element-882a1da::before{
    content: "";
    height: 100%;
    background-color: #437EF7;
    display: block;
    position: absolute;
    opacity: 0;
    border-radius: 10px;
    pointer-events: none;
}

.elementor-22 .elementor-element.elementor-element-882a1da:hover:after{
    opacity: 1;
}

.elementor-22 .elementor-element.elementor-element-882a1da:hover svg, .elementor-22 .elementor-element.elementor-element-882a1da:hover h2{
    opacity: .3;
}

.elementor-22 .elementor-element.elementor-element-882a1da:hover{
    
    box-shadow:  13px 13px 26px #ededed,
             -13px -13px 26px #ffffff;
}

.elementor-22 .elementor-element.elementor-element-882a1da:hover:before{
    opacity: 0.7;
    animation: .5s fondo forwards;
}

@keyframes fondo{
    from{
        width: 0%;
    }
    to{
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-245f44a */.elementor-22 .elementor-element.elementor-element-245f44a span{
    font-size: 2rem;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9656d12 */.elementor-22 .elementor-element.elementor-element-9656d12{
    box-shadow:  5px 5px 10px #ededed,
             -5px -5px 10px #ffffff;
    border-radius: 1em;
    transition: all .3s ease;
}

.elementor-22 .elementor-element.elementor-element-9656d12::after{
    content: "veure projecte ->";
    font-family: "Inter";
    font-weight: 600;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 1.1rem;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.elementor-22 .elementor-element.elementor-element-9656d12::before{
    content: "";
    height: 100%;
    background-color: #437EF7;
    display: block;
    position: absolute;
    opacity: 0;
    border-radius: 10px;
    pointer-events: none;
}

.elementor-22 .elementor-element.elementor-element-9656d12:hover:after{
    opacity: 1;
}

.elementor-22 .elementor-element.elementor-element-9656d12:hover svg, .elementor-22 .elementor-element.elementor-element-9656d12:hover h2{
    opacity: .3;
}

.elementor-22 .elementor-element.elementor-element-9656d12:hover{
    
    box-shadow:  13px 13px 26px #ededed,
             -13px -13px 26px #ffffff;
}

.elementor-22 .elementor-element.elementor-element-9656d12:hover:before{
    opacity: 0.7;
    animation: .5s fondo forwards;
}

@keyframes fondo{
    from{
        width: 0%;
    }
    to{
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-35940ae */.elementor-22 .elementor-element.elementor-element-35940ae span{
    font-size: 2rem;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0a80319 */.elementor-22 .elementor-element.elementor-element-0a80319{
    box-shadow:  5px 5px 10px #ededed,
             -5px -5px 10px #ffffff;
    border-radius: 1em;
    transition: all .3s ease;
}

.elementor-22 .elementor-element.elementor-element-0a80319::after{
    content: "veure projecte ->";
    font-family: "Inter";
    font-weight: 600;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 1.1rem;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.elementor-22 .elementor-element.elementor-element-0a80319::before{
    content: "";
    height: 100%;
    background-color: #437EF7;
    display: block;
    position: absolute;
    opacity: 0;
    border-radius: 10px;
    pointer-events: none;
}

.elementor-22 .elementor-element.elementor-element-0a80319:hover:after{
    opacity: 1;
}

.elementor-22 .elementor-element.elementor-element-0a80319:hover svg, .elementor-22 .elementor-element.elementor-element-0a80319:hover h2{
    opacity: .3;
}

.elementor-22 .elementor-element.elementor-element-0a80319:hover{
    
    box-shadow:  13px 13px 26px #ededed,
             -13px -13px 26px #ffffff;
}

.elementor-22 .elementor-element.elementor-element-0a80319:hover:before{
    opacity: 0.7;
    animation: .5s fondo forwards;
}

@keyframes fondo{
    from{
        width: 0%;
    }
    to{
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3e61bd1 */.elementor-22 .elementor-element.elementor-element-3e61bd1 span{
    font-size: 2rem;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36c8b49 */.elementor-22 .elementor-element.elementor-element-36c8b49{
    box-shadow:  5px 5px 10px #ededed,
             -5px -5px 10px #ffffff;
    border-radius: 1em;
    transition: all .3s ease;
}

.elementor-22 .elementor-element.elementor-element-36c8b49::after{
    content: "veure projecte ->";
    font-family: "Inter";
    font-weight: 600;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 1.1rem;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.elementor-22 .elementor-element.elementor-element-36c8b49::before{
    content: "";
    height: 100%;
    background-color: #437EF7;
    display: block;
    position: absolute;
    opacity: 0;
    border-radius: 10px;
    pointer-events: none;
}

.elementor-22 .elementor-element.elementor-element-36c8b49:hover:after{
    opacity: 1;
}

.elementor-22 .elementor-element.elementor-element-36c8b49:hover svg, .elementor-22 .elementor-element.elementor-element-36c8b49:hover h2{
    opacity: .3;
}

.elementor-22 .elementor-element.elementor-element-36c8b49:hover{
    
    box-shadow:  13px 13px 26px #ededed,
             -13px -13px 26px #ffffff;
}

.elementor-22 .elementor-element.elementor-element-36c8b49:hover:before{
    opacity: 0.7;
    animation: .5s fondo forwards;
}

@keyframes fondo{
    from{
        width: 0%;
    }
    to{
        width: 100%;
    }
}/* End custom CSS */