.web-page{
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    padding: 0px 5px;
    z-index: 0;
    position: relative;
}

.web-page .blocks-full-width{
    width: 100vw;
    margin: 0px calc(-5px);
}

/* // Bloc de Capçalera */
.web-page .header-block{
    width: calc(100vw - 20px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    background-color: #F5F5F5;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
}

.web-page .header-block .text-container{
    height: 80.665%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    max-width: 354px;

}

.web-page .header-block .text-container h1, .web-page .header-block .text-container h2, .web-page .header-block .text-container h3, .web-page .header-block .text-container h4, .web-page .header-block .text-container h5, .web-page .header-block .text-container h6, .web-page .header-block .text-container p{
    color: #FFF;
    text-align: center;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 37px;
    line-height: 34px;
    text-transform: uppercase;
    margin: 0px;
}

.web-page .header-block .button-bottom{
    height: 19.355%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    max-height: 156px;
}

.web-page .header-block .button-bottom div.entradas-container{
    height: 53.21%;
}

.web-page .header-block .button-bottom div.scroll-container{
    height: 46.8%;
}

.web-page .header-block .button-bottom .block-link{
    color: #FFF;
    text-align: center;
    font-family: SohneBuch;
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    padding: 5px 18px;
    border-radius: 80.5px;
    background: #ea0c1e;
    border: none;
    text-decoration: none;
}

.web-page .header-block .button-bottom img{
    max-width: 52.405px;
    max-height: 24.56px;
    object-fit: cover;
}

@media(min-width: 768px){
    .web-page .header-block .text-container{
        max-width: 794px;
    }

    .web-page .header-block .text-container h1, .web-page .header-block .text-container h2, .web-page .header-block .text-container h3, .web-page .header-block .text-container h4, .web-page .header-block .text-container h5, .web-page .header-block .text-container h6, .web-page .header-block .text-container p{
        font-size: 86px;
        line-height: 82px;
    }

    .web-page .header-block .button-bottom{
        max-height: 164px;

    }

    .web-page .header-block .button-bottom .block-link{
        font-size: 20px;
        line-height: 126%;
        padding: 8.4px 24px;
    }
}

@media(min-width: 1024px){
    .web-page .header-block .button-bottom{
        max-height: 171px;
    }
}

.web-page .header-block.without-button .text-container{
    height: 94.736%;
}

.web-page .header-block.without-button .button-bottom{
    height: 5.264%;
    max-height: 73px;
}

.web-page .header-block.without-button .button-bottom div.scroll-container{
    height: 100%;
}

@media(min-width: 768px){
    .web-page .header-block.without-button .button-bottom{
        max-height: 95px;
    }
}

@media(min-width: 1024px){
    .web-page .header-block.without-button .button-bottom{
        max-height: 171px;
    }
}

/* // Bloc de Visita */
.web-page .visit-block{
    padding: 20px 0px;
    width: calc(100vw - 20px);
    border-top: 1px solid #000000;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin: auto;
}

.web-page .visit-block .grid-box{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}

.web-page .visit-block .grid-box .image-container{
    width: 100%;
    height: 94.5vw;
    
}

.web-page .visit-block .grid-box .image-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.web-page .visit-block .grid-box .text-container{
    width: 100%;
    margin-top: 20px;
}

.web-page .visit-block .grid-box .text-container p, .web-page .visit-block .grid-box .text-container h1, .web-page .visit-block .grid-box .text-container h2, .web-page .visit-block .grid-box .text-container h3, .web-page .visit-block .grid-box .text-container h4, .web-page .visit-block .grid-box .text-container h5, .web-page .visit-block .grid-box .text-container h6{
    margin: 0px;
}

.web-page .visit-block .grid-box .icons-container{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
}

.web-page .visit-block .grid-box .icons-container .row-container{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.web-page .visit-block .grid-box .icons-container .row-container .icon-container{
    width: 29px;
    height: 29px;
    margin-right: 10px;
    align-self: flex-start;
}

.web-page .visit-block .grid-box .icons-container .row-container .icon-container img{
    object-fit: contain;
    object-position: center;
}

.web-page .visit-block .grid-box .icons-container .row-container p{
    margin: 0px;
    color: #000;
    font-family: SohneLeicht;
    font-size: 13px;
    line-height: 126%;
}

.web-page .visit-block .grid-box .icons-container .row-container:not(:last-child){
    margin-bottom: 19px;
}

.web-page .visit-block .grid-box .block-link{
    margin-top: 26px;
    text-align: center;
    font-family: SohneBuch;
    font-size: 18px;
    line-height: 126%;
    letter-spacing: 0.18px;
    text-decoration: none;
}

.web-page .visit-block .grid-box .red-button{
    color: #FFF;
    background: #ea0c1e;
    border: none;
    border-radius: 34.36px;
    padding: 9px 19px;
}

.web-page .visit-block .grid-box .red-link-container{
    background: #ea0c1e;
    border: none;
    border-radius: 34.36px;
    padding: 9px 19px;
}

.web-page .visit-block .grid-box .red-link-container .red-link{
    color: #FFF;
}

.web-page .visit-block .grid-box .white-link-container{
    border: 1px solid #000000;
    background-color: #FFF;
    border-radius: 34.36px;
    padding: 9px 19px;
}

.web-page .visit-block .grid-box .white-button{
    color: #000;
}

.web-page .visit-block .grid-box .red-button ~ .white-link-container, .web-page .visit-block .grid-box .red-link-container ~ .white-link-container{
    margin-top: 8px;
}

.web-page .visit-block .grid-box .icons-container, .web-page .visit-block .grid-box .text-container{
    margin-bottom: 26px;
}

@media(min-width: 768px){
    .web-page .visit-block{
        max-width: 904px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 0fr;
        grid-column-gap: 26px;
        min-height: 440px;
        padding: 35px 0px;
    }

    .web-page .visit-block .grid-box{
        height: 100%;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .web-page .visit-block .grid-box .image-container{
        height: 100%;
    }

    .web-page .visit-block .grid-box .text-container{
        margin-top: 0px;
    }

    .web-page .visit-block .grid-box .icons-container .icon-container{
        margin-right: 14px !important;
    }

    .web-page .visit-block .grid-box .icons-container .row-container p{
        font-size: 18px;
    }

    .web-page .visit-block .grid-box .block-link{
        margin-top: 20px;
    }

    .web-page .visit-block .grid-box .icons-container, .web-page .visit-block .grid-box .text-container{
        margin-bottom: 20px;
    }

    .web-page .visit-block .grid-box.text-box{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: nowrap;
    }
}

@media(min-width: 1024px){
    .web-page .visit-block{
        max-width: 996px;
        min-height: 484px;
        padding: 37px 0px;
    }

    .web-page .visit-block .grid-box .icons-container{
        margin-top: 25px;
    }

    .web-page .visit-block .grid-box .icons-container p{
        font-size: 20px !important;
        line-height: 130% !important;
    }

    .web-page .visit-block .grid-box .block-link{
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0.2px;
    }
}

/* // Bloc de Carrousel */
.web-page .carousel-block{
    width: calc(100vw - 20px);
    margin: 25px auto;
    position:relative;
}

.web-page .carousel-block .title-container p{
    margin: 0px;
    color: #000;
    text-align: center;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 38px;
    line-height: 95%;
    text-transform: uppercase;
}

.web-page .carousel-block .without-title{
    height: 114.5vw;
    margin-top: 25px;
}

.web-page .carousel-block .with-title{
    width: calc(100% - 10px);
    height: 58.7vw;
    margin-top: 10px;
    overflow: initial;
}

.web-page .carousel-block .with-title .swiper-slide{
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}


.web-page .carousel-block .swiper .swiper-wrapper .swiper-slide{
    position: relative;
}

.web-page .carousel-block .swiper .swiper-wrapper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.web-page .carousel-block .swiper .swiper-wrapper .swiper-slide p{
    margin: 0px;
    position: absolute;
    top: 10px;
    left: 15px;
    color: #FFF;
    font-family: SohneLeichtKursiv;
    font-size: 18px;
    line-height: 124%;
}


.web-page .carousel-block .swiper .swiper-button-prev, .web-page .carousel-block .swiper .swiper-button-next{
    color: white !important;
    scale: 0.8;
}

.web-page .carousel-block .swiper-button-prev, .web-page .carousel-block .swiper-button-next{
    color: white !important;
    scale: 0.8;
}


.web-page .carousel-block .swiper .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
}

.web-page .carousel-block .subtitle-container{
    margin-top: 7px;
}

.web-page .carousel-block .subtitle-container p{
    margin: 0px;
    color: #000;
    text-align: center;
    font-family: SohneLeicht;
    font-size: 18px;
    line-height: 124%;
}

.web-page .carousel-block .button-container{
    margin-top: 7px;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    padding: 7.5px 14px;
    border-radius: 20px;
    border: 1px solid #000;
    background-color: #FFF;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.web-page .carousel-block .button-container a{
    color: #000;
    text-align: center;
    font-family: SohneKraftig;
    font-size: 18px;
    line-height: 126%;
    text-decoration: none;
}

@media(min-width: 768px){
    .web-page .carousel-block .title-container p{
        font-size: 52px;
        line-height: 52px;
        letter-spacing: 0em;
    }

    .web-page .carousel-block .without-title{
        height: 44.7vw;
        width: 75.3vw;
    }

    .web-page .carousel-block .with-title{
        height: 20.3vw;
    }
}

@media(min-width: 1024px){
    .web-page .carousel-block .without-title{
        max-width: 996px;
        max-height: 590px;
    }
    
    .web-page .carousel-block .subtitle-container p{
        font-size: 20px;
        line-height: 130%;
    }
    
    .web-page .carousel-block .button-container a{
        border-radius: 25px;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0.01em;
    }
}

/* // Bloc d'Imatge i Text (Uno: Imagen con título en medio; Dos: Imagen pantalla completa; Tres: Imagen de 1/2 pantalla; Cuatro: Imagen de 1/3 pantalla) */
.web-page .image-text-block .block-link{
    color: #FFF;
    text-align: center;
    font-family: SohneBuch;
    font-size: 15px;
    font-style: normal;
    line-height: normal;
    padding: 5px 18px;
    border-radius: 80.5px;
    background: #ea0c1e;
    border: none;
    text-decoration: none;
    margin-top: 15px;
    align-self: center;
}

.web-page .plantilla-uno{
    padding: 25px 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: auto;
}

.web-page .plantilla-uno .image-title-container{
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 114.5vw;
}

.web-page .plantilla-uno .image-title-container .image-container{
    width: 100%;
    height: 100%;
}

.web-page .plantilla-uno .image-title-container .image-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 114.5vw;
}

.web-page .plantilla-uno .image-title-container .title{
    width: max-content;
    max-width: 95%;
    height: max-content;
    max-height: 114.5vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #FFF;
    text-align: center;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 36px;
    line-height: 106%;
    text-transform: uppercase;
}

.web-page .plantilla-uno .photo-footer{
    color: #000;
    font-family: SohneBuch;
    font-size: 18px;
    line-height: 124%;
    margin-top: 8.5px;
    margin-bottom: 0px;
}

.web-page .plantilla-uno .photo-footer p, .web-page .plantilla-uno .photo-footer h1, .web-page .plantilla-uno .photo-footer h2, .web-page .plantilla-uno .photo-footer h3, .web-page .plantilla-uno .photo-footer h4, .web-page .plantilla-uno .photo-footer h5, .web-page .plantilla-uno .photo-footer h6{
    margin: 0px;
}

.web-page .plantilla-dos{
    padding: 12.5px 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: auto;
}

.web-page .plantilla-dos .image-title-container{
    width: 100%;
}

.web-page .plantilla-dos .image-title-container .image-container{
    max-height: 114.5vw;
}

.web-page .plantilla-dos .image-title-container .image-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 114.5vw;
}

.web-page .plantilla-dos .title{
    width: 100%;
    max-width: 100%;
    color: #000;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 18px;
    line-height: 126%;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 8px;
}

.web-page .plantilla-dos .photo-footer{
    color: #000;
    font-family: SohneBuch;
    font-size: 18px;
    line-height: 126%;
    margin-bottom: 0px;
    margin-top: 8px;
}

.web-page .plantilla-dos .photo-footer p, .web-page .plantilla-dos .photo-footer h1, .web-page .plantilla-dos .photo-footer h2, .web-page .plantilla-dos .photo-footer h3, .web-page .plantilla-dos .photo-footer h4, .web-page .plantilla-dos .photo-footer h5, .web-page .plantilla-dos .photo-footer h6{
    margin: 0px;
}

.web-page .plantilla-tres{
    padding: 12.5px 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: auto;
}

.web-page .plantilla-tres .image-title-container{
    width: 100%;
}

.web-page .plantilla-tres .image-title-container .image-container{
    max-height: 114.5vw;
}

.web-page .plantilla-tres .image-title-container .image-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 114.5vw;
}

.web-page .plantilla-tres .title{
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
    margin-top: 6px;
    color: #000;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 13px;
    line-height: 126%;
    letter-spacing: 0.13px;
    text-transform: uppercase;
}

.web-page .plantilla-tres .photo-footer{
    color: #000;
    margin-bottom: 0px;
    margin-top: 6px;
    font-family: SohneBuch;
    font-size: 13px;
    line-height: 126%;
}

.web-page .plantilla-tres .photo-footer p, .web-page .plantilla-tres .photo-footer h1, .web-page .plantilla-tres .photo-footer h2, .web-page .plantilla-tres .photo-footer h3, .web-page .plantilla-tres .photo-footer h4, .web-page .plantilla-tres .photo-footer h5, .web-page .plantilla-tres .photo-footer h6{
    margin: 0px;
}

.web-page .plantilla-cuatro{
    width: calc(48vw - 10px);
    padding: 15px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: auto;
}

.web-page .plantilla-cuatro .image-title-container{
    width: 100%;
}

.web-page .plantilla-cuatro .image-title-container .image-container{
    height: 30.26vw;
}

.web-page .plantilla-cuatro .image-title-container .image-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.web-page .plantilla-cuatro .title{
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
    margin-top: 6px;
    color: #000;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 13px;
    line-height: 126%;
    letter-spacing: 0.13px;
    text-transform: uppercase;
}

.web-page .plantilla-cuatro .photo-footer{
    color: #000;
    margin-bottom: 0px;
    margin-top: 6px;
    font-family: SohneBuch;
    font-size: 13px;
    line-height: 126%;
    width: 100%;
}

.web-page .plantilla-cuatro .photo-footer p, .web-page .plantilla-cuatro .photo-footer h1, .web-page .plantilla-cuatro .photo-footer h2, .web-page .plantilla-cuatro .photo-footer h3, .web-page .plantilla-cuatro .photo-footer h4, .web-page .plantilla-cuatro .photo-footer h5, .web-page .plantilla-cuatro .photo-footer h6{
    margin: 0px;
}

.web-page .image-title-container a {
    align-self: center;
}

@media(min-width: 768px){
    .web-page .image-text-block .block-link{
        margin-top: 20px;
        font-size: 20px;
        line-height: 126%;
    }

    .web-page .plantilla-uno{
        padding: 50px 0px;
        max-width: 779.67px;
        width: 100vw;
    }

    .web-page .plantilla-uno .image-title-container{
        max-height: 508.94px;
    }

    .web-page .plantilla-uno .image-title-container .image-container{
        max-height: 508.94px;
    }
    
    .web-page .plantilla-uno .image-title-container .image-container img{
        max-height: 508.94px;
    }

    .web-page .plantilla-uno .image-title-container .title{
        max-height: 508.94px;
        font-size: 52px;
        line-height: 52px;
        letter-spacing: 0em;
    }

    .web-page .plantilla-uno .photo-footer{
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0em;
        margin-top: 12px;
    }

    .web-page .plantilla-dos{
        max-width: 779.67px;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .web-page .plantilla-dos .image-title-container .image-container{
        max-height: 508.94px;
    }

    .web-page .plantilla-dos .image-title-container .image-container img{
        max-height: 508.94px;
    }

    .web-page .plantilla-dos .title{
        width: 38%;
        margin-top: 12px;
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 0em;
        text-align: left;
    }

    .web-page .plantilla-dos .photo-footer{
        width: 62%;
        margin-top: 12px;
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 0em;
        margin-top: 12px;
    }

    .web-page .plantilla-tres{
        width: calc(48vw - 25px);
        max-width: 479.8px;
        margin: 0px 12.5px;
    }

    .web-page .plantilla-tres .image-title-container .image-container{
        max-height: 311.86px;
    }

    .web-page .plantilla-tres .image-title-container .image-container img{
        max-height: 311.86px;
    }

    .web-page .plantilla-tres .title{
        font-size: 18px;
        line-height: 126%;
        margin-top: 8px;
    }

    .web-page .plantilla-tres .photo-footer{
        font-size: 18px;
        line-height: 126%;
        margin-top: 8px;
    }

    .web-page .plantilla-cuatro{
        width: calc(31vw - 10px);
        max-width: 334.02px;
        margin: 0px 10px;
    }
    
    .web-page .plantilla-cuatro .image-title-container .image-container{
        height: 20.185vw;
    }

    .web-page .plantilla-cuatro .title{
        font-size: 18px;
        line-height: 126%;
        margin-top: 8px;
    }

    .web-page .plantilla-cuatro .photo-footer{
        font-size: 18px;
        line-height: 126%;
        margin-top: 8px;
    }
}

@media(min-width: 1024px){
    .web-page .image-text-block .block-link{
        padding: 8.4px 24px;
    }

    .web-page .plantilla-uno{
        max-width: 999px;
    }

    .web-page .plantilla-uno .image-title-container{
        max-height: 655.51px;
    }

    .web-page .plantilla-uno .image-title-container .image-container{
        max-height: 655.51px;
    }

    .web-page .plantilla-uno .image-title-container .image-container img{
        max-height: 655.51px;
    }

    .web-page .plantilla-uno .image-title-container .title{
        max-height: 655.51px;
        font-size: 52px;
        line-height: 52px;
        letter-spacing: 0em;
    }

    .web-page .plantilla-uno .photo-footer{
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0em;
    }

    .web-page .plantilla-dos{
        max-width: 999px;
    }
    
    .web-page .plantilla-dos .image-title-container .image-container{
        max-height: 655.51px;
    }

    .web-page .plantilla-dos .image-title-container .image-container img{
        max-height: 655.51px;
    }

    .web-page .plantilla-dos .title{
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0em;
    }

    .web-page .plantilla-dos .photo-footer{
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0em;
    }

    .web-page .plantilla-tres{
        max-width: 917.38px;
    }
    
    .web-page .plantilla-tres .image-title-container .image-container{
        max-height: 602.48px;
    }

    .web-page .plantilla-tres .image-title-container .image-container img{
        max-height: 602.48px;
    }

    .web-page .plantilla-tres .title{
        font-size: 20px;
        line-height: 126%;
    }

    .web-page .plantilla-tres .photo-footer{
        font-size: 20px;
        line-height: 130%;
    }

    .web-page .plantilla-cuatro{
        max-width: 25.87vw;
        margin: 0px 12.5px;
        width: calc(31vw - 25px);
    }
    
    .web-page .plantilla-cuatro .image-title-container .image-container{
        height: 17.03vw;
    }

    .web-page .plantilla-cuatro .title{
        font-size: 20px;
        line-height: 126%;
    }

    .web-page .plantilla-cuatro .photo-footer{
        font-size: 20px;
        line-height: 130%;
    }
}

/* // Bloc de mapa */
.web-page .map-block{
    width: 100vw;
    padding: 25px 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

.web-page .map-block .title{
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px 10px;
    text-align: center;
    color: #000;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 30px;
    line-height: 106%;
    text-transform: uppercase;
}

.web-page .map-block img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 74.36vw;
}

.web-page .map-block .text{
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 0px 10px;
    color: #000;
    text-align: center;
    font-family: QueensCondensedBoldItalic;
    font-size: 31px;
    line-height: 107%;
}

@media(min-width: 768px){
    .web-page .map-block{
        padding: 50px 0px;
    }

    .web-page .map-block .title{
        margin-bottom: 15px;
        font-size: 37px;
        line-height: 52px;
        letter-spacing: 0em;
        max-width: 815px;
    }

    .web-page .map-block img{
        max-height: 43.803vw;
        height: auto;
    }

    .web-page .map-block .text{
        margin-top: 20px;
        font-size: 24px;
        line-height: 51px;
        letter-spacing: 0em;
        max-width: 815px;
    }
}

@media(min-width: 1024px){
    .web-page .map-block img{
        max-height: 30.443vw;
    }
}

/* // Bloc de Vídeo */
.web-page .video-block{
    padding: 15px 10px;
    width: calc(98vw - 20px);
    position: relative;
    overflow: hidden;
    height: 69vw;
}

.web-page .video-block video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media(min-width: 768px){
    .web-page .video-block{
        padding: 20px 10px;
        width: calc(100vw - 20px);
        position: relative;
        overflow: hidden;
        height: auto;
        max-width: 905px;
        margin: 0px auto;
    }

    .web-page .video-block video{
        position: initial;
        width: 100%;
        height: auto;
        object-fit: initial;
    }
}

@media(min-width: 1024px){
    .web-page .video-block{
        max-width: 989px;
    }
}

/* // Block d'horaris i tarifes */
.web-page .schedule-rate-block{
    width: calc(100vw - 30px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin: 25px auto;
}

.web-page .schedule-rate-block .first-column{
    width: 100%;
}

.web-page .schedule-rate-block .first-column .schedule-title, .web-page .schedule-rate-block .first-column .guide-title{
    color: #000;
    text-align: center;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 30px;
    line-height: 106%;
    text-transform: uppercase;
    margin: 0px;
}

.web-page .schedule-rate-block .first-column .guide-title{
    margin-top: 50px;
}

.web-page .schedule-rate-block .first-column .schedule-text, .web-page .schedule-rate-block .first-column .guide-text{
    margin-top: 20px;
}

.web-page .schedule-rate-block .first-column .schedule-text p, .web-page .schedule-rate-block .first-column .schedule-text h1, .web-page .schedule-rate-block .first-column .schedule-text h2, .web-page .schedule-rate-block .first-column .schedule-text h3, .web-page .schedule-rate-block .first-column .schedule-text h4, .web-page .schedule-rate-block .first-column .schedule-text h5, .web-page .schedule-rate-block .first-column .schedule-text h6, .web-page .schedule-rate-block .first-column .guide-text p, .web-page .schedule-rate-block .first-column .guide-text h1, .web-page .schedule-rate-block .first-column .guide-text h2, .web-page .schedule-rate-block .first-column .guide-text h3, .web-page .schedule-rate-block .first-column .guide-text h4, .web-page .schedule-rate-block .first-column .guide-text h5, .web-page .schedule-rate-block .first-column .guide-text h6{
    margin: 0px;
}

.web-page .schedule-rate-block .second-column{
    width: 100%;
}

.web-page .schedule-rate-block .second-column .rate-title{
    color: #000;
    text-align: center;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 30px;
    line-height: 106%;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 50px;
}

.web-page .schedule-rate-block .second-column .border-top{
    border-top: 1px solid rgba(0, 0, 0, 0.50);
}

.web-page .schedule-rate-block .second-column .rate-container{
    margin-top: 20px;
}

.web-page .schedule-rate-block .second-column .rate-container .subtitle{
    color: #000;
    text-align: center;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 18px;
    line-height: 126%;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 20px;
}

.web-page .schedule-rate-block .second-column .rate-container .price-container{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-top: 16px;    
}

.web-page .schedule-rate-block .second-column .rate-container .price-container p, .web-page .schedule-rate-block .second-column .rate-container .price-container h1, .web-page .schedule-rate-block .second-column .rate-container .price-container h2, .web-page .schedule-rate-block .second-column .rate-container .price-container h3, .web-page .schedule-rate-block .second-column .rate-container .price-container h4, .web-page .schedule-rate-block .second-column .rate-container .price-container h5, .web-page .schedule-rate-block .second-column .rate-container .price-container h6{
    margin: 0px;
}

.web-page .schedule-rate-block .second-column .rate-container .price-container div:first-child{
    width: auto;
    /*max-width: 70%;*/
}

.web-page .schedule-rate-block .second-column .rate-container .price-container div:last-child{
    width: auto;
    /*max-width: 30%;*/
}

.web-page .schedule-rate-block .second-column .rate-container .pmt-0 p{
    margin: 0px;
}

.web-page .schedule-rate-block .second-column .rate-container .rate-button-container{
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-start;
}

.web-page .schedule-rate-block .second-column .rate-container .rate-button-container .rate-link{
    color: #FFF;
    text-align: center;
    font-family: SohneBuch;
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    padding: 5px 18px;
    border-radius: 80.5px;
    background: #ea0c1e;
    border: none;
    text-decoration: none;
}

@media(min-width: 768px){
    .web-page .schedule-rate-block{
        max-width: 910px;
        margin: 50px auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;
    }

    .web-page .schedule-rate-block .first-column, .web-page .schedule-rate-block .second-column{
        max-width: 351.91px;
        margin: 0px 25px;
        width: calc(48% - 50px);
    }
    
    .web-page .schedule-rate-block .first-column .schedule-title, .web-page .schedule-rate-block .first-column .guide-title{
        font-size: 52px;
        line-height: 52px;
        letter-spacing: 0em;
    }

    .web-page .schedule-rate-block .first-column .schedule-text, .web-page .schedule-rate-block .first-column .guide-text{
        margin-top: 20px;
    }
    
    .web-page .schedule-rate-block .second-column .rate-title{
        font-size: 52px;
        line-height: 52px;
        letter-spacing: 0em;
        margin-top: 0px;
    }
    
    .web-page .schedule-rate-block .second-column .rate-container .price-container{
        margin-top: 7px;
    }

    .web-page .schedule-rate-block .second-column .rate-container .rate-button-container{
        margin-top: 20px;
    }

    .web-page .schedule-rate-block .second-column .pmt-0 p{
        margin: 0px;
    }
}

@media(min-width: 1024px){
    .web-page .schedule-rate-block{
        max-width: 1105px;
    }

    .web-page .schedule-rate-block .first-column, .web-page .schedule-rate-block .second-column{
        max-width: 500px;
        margin: 0px 35px;
        width: calc(48% - 70px);
    }
    
    .web-page .schedule-rate-block .first-column .schedule-title, .web-page .schedule-rate-block .first-column .guide-title{
        font-size: 52px;
        line-height: 52px;
        letter-spacing: 0em;
    }
    
    .web-page .schedule-rate-block .second-column .rate-title{
        font-size: 52px;
        line-height: 52px;
        letter-spacing: 0em;
    }
    
    .web-page .schedule-rate-block .second-column .rate-container .subtitle{
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0em;
    }

    .web-page .schedule-rate-block .second-column .rate-container .rate-link{
        font-size: 24px;
        line-height: 126%;
        padding: 8.4px 24px;
    }
}

/* // Bloc de transport */
.web-page .transport-block{
    width: calc(100vw - 30px);
    margin: 20px auto;
}

.web-page .transport-block .transport-row:first-child{
    margin-top: 5px;
}

.web-page .transport-block .transport-row{
    padding: 15px 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    border-top: 1px solid rgba(0, 0, 0, 0.50);
}

.web-page .transport-block .transport-row .transport-first-column, .web-page .transport-block .transport-row .transport-second-column{
    width: 100%;
}

.web-page .transport-block .transport-row .transport-first-column p{
    margin: 0px 0px 5px 0px;
    color: #000;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 18px;
    line-height: 126%;
    text-transform: uppercase;
}

.web-page .transport-block .transport-row .transport-second-column p{
    margin: 0px;
    color: #000;
    font-family: SohneLeicht;
    font-size: 18px;
    line-height: 126%;
}

@media(min-width: 768px){
    .web-page .transport-block{
        max-width: 579.19px;
    }
    
    .web-page .transport-block .transport-row:first-child{
        margin-top: 10px;
    }

    .web-page .transport-block .transport-row{
        flex-direction: row;
        align-items: flex-start;
    }

    .web-page .transport-block .transport-row .transport-first-column, .web-page .transport-block .transport-row .transport-second-column{
        width: 50%;
    }
    
    .web-page .transport-block .transport-row .transport-first-column p{
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 0em;
        margin: 0px;
    }
    
    .web-page .transport-block .transport-row .transport-second-column p{
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 0em;
    }
}

@media(min-width: 1024px){
    .web-page .transport-block{
        max-width: 828px;
    }

    .web-page .transport-block .transport-row:first-child{
        margin-top: 15px;
    }
    
    .web-page .transport-block .transport-row .transport-first-column p{
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0em;
    }
    
    .web-page .transport-block .transport-row .transport-second-column p{
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0em;
    }
}

/* // Block de formulari de contacte */
.web-page .form-contact-block{
    border-radius: 10px;
    background: #ECECEC;
    width: calc(100vw - 40px);
    max-width: 996px;
    height: 536px;
    padding: 15px;
    margin: auto;
}

.web-page .form-contact-block .form-container form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.web-page .form-contact-block .form-container form .margin-right{
    margin-right: 0px;
}

.web-page .form-contact-block .form-container form .form-group.input{
    width: 100%;
}

.web-page .form-contact-block .form-container form .form-group.input input{
    width: calc(100% - 7px);
    background: transparent;
    border: none;
    border-bottom: 1px solid black;
    outline: none;
    padding: 7px 4px 5px;
}

.web-page .form-contact-block .form-container form .form-group.input input, .web-page .form-contact-block .form-container form .form-group.input input::placeholder{
    color: #000;
}

.web-page .form-contact-block .form-container form input, .web-page .form-contact-block .form-container form input::placeholder, .web-page .form-contact-block .form-container form textarea, .web-page .form-contact-block .form-container form textarea::placeholder{
    color: #000;
    font-family: SohneBuch;
    font-size: 18px;
    line-height: 126%;
}

.web-page .form-contact-block .form-container form .form-group.textarea{
    width: 100%;
}

.web-page .form-contact-block .form-container form .form-group.textarea textarea{
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 8px 0px;
    height: 300px;
    resize: vertical;
}

.web-page .form-contact-block .form-container form .form-group.textarea textarea, .web-page .form-contact-block .form-container form .form-group.textarea textarea::placeholder{
    color: #C3C3C3;
}

.web-page .form-contact-block .form-container form .submit-container{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.web-page .form-contact-block .form-container form .submit-container .submit-button{
    color: #000;
    text-align: center;
    font-family: SohneKraftig;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0.2px;
    border-radius: 34.36px;
    border: 1px solid #000;
    padding: 9px 18px;
}

@media(min-width: 768px){
    .web-page .form-contact-block{
        max-width: 996px;
        height: 403px;
        padding: 15px;
    }
    

    .web-page .form-contact-block .form-container form{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
    }

    .web-page .form-contact-block .form-container form .margin-right{
        margin-right: 25px;
    }

    .web-page .form-contact-block .form-container form .form-group.input{
        width: 47%;
    }

    .web-page .form-contact-block .form-container form .form-group.input input{
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: 1px solid black;
        outline: none;
        padding: 7px 4px 5px;
    }

    .web-page .form-contact-block .form-container form .form-group.input input, .web-page .form-contact-block .form-container form .form-group.input input::placeholder{
        color: #000;
    }

    .web-page .form-contact-block .form-container form input, .web-page .form-contact-block .form-container form input::placeholder, .web-page .form-contact-block .form-container form textarea, .web-page .form-contact-block .form-container form textarea::placeholder{
        color: #000;
        font-family: SohneBuch;
        font-size: 20px;
        line-height: 130%;
    }

    .web-page .form-contact-block .form-container form .form-group.textarea{
        width: 100%;
    }

    .web-page .form-contact-block .form-container form .form-group.textarea textarea{
        width: 100%;
        background-color: transparent;
        border: none;
        padding: 8px 0px;
        height: 255px;
        resize: vertical;
    }

    .web-page .form-contact-block .form-container form .form-group.textarea textarea, .web-page .form-contact-block .form-container form .form-group.textarea textarea::placeholder{
        color: #C3C3C3;
    }

    .web-page .form-contact-block .form-container form .submit-container{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }

    .web-page .form-contact-block .form-container form .submit-container .submit-button{
        color: #000;
        text-align: center;
        font-family: SohneKraftig;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0.2px;
        border-radius: 34.36px;
        border: 1px solid #000;
        padding: 9px 18px;
    }
}

/* // Modal de formulari de contacte */
.web-page .form-contact-modal{
    border-radius: 10px;
    background: #ECECEC;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    width: calc(100vw - 40px);
    max-width: 996px;
    height: 580px;
    padding: 15px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 999;
}

.web-page .form-contact-modal .close-button{
    width: max-content;
    float: right;
}

.web-page .form-contact-modal .form-container{
    margin-top: 44px;
}

.web-page .form-contact-modal .form-container form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.web-page .form-contact-modal .form-container form .margin-right{
    margin-right: 0px;
}

.web-page .form-contact-modal .form-container form .form-group.input{
    width: 100%;
}

.web-page .form-contact-modal .form-container form .form-group.input input{
    width: calc(100% - 7px);
    background: transparent;
    border: none;
    border-bottom: 1px solid black;
    outline: none;
    padding: 7px 4px 5px;
}

.web-page .form-contact-modal .form-container form .form-group.input input, .web-page .form-contact-modal .form-container form .form-group.input input::placeholder{
    color: #000;
}

.web-page .form-contact-modal .form-container form input, .web-page .form-contact-modal .form-container form input::placeholder, .web-page .form-contact-modal .form-container form textarea, .web-page .form-contact-modal .form-container form textarea::placeholder{
    color: #000;
    font-family: SohneBuch;
    font-size: 18px;
    line-height: 126%;
}

.web-page .form-contact-modal .form-container form .form-group.textarea{
    width: 100%;
}

.web-page .form-contact-modal .form-container form .form-group.textarea textarea{
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 8px 0px;
    height: 300px;
    resize: vertical;
}

.web-page .form-contact-modal .form-container form .form-group.textarea textarea, .web-page .form-contact-modal .form-container form .form-group.textarea textarea::placeholder{
    color: #C3C3C3;
}

.web-page .form-contact-modal .form-container form .submit-container{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.web-page .form-contact-modal .form-container form .submit-container .submit-button{
    color: #000;
    text-align: center;
    font-family: SohneKraftig;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0.2px;
    border-radius: 34.36px;
    border: 1px solid #000;
    padding: 9px 18px;
}

@media(min-width: 768px){
    .web-page .form-contact-modal{
        max-width: 996px;
        height: 447px;
        padding: 15px;
    }

    .web-page .form-contact-modal .close-button{
        width: max-content;
        float: right;
    }

    .web-page .form-contact-modal .form-container{
        margin-top: 0px;
    }

    .web-page .form-contact-modal .form-container form{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
    }

    .web-page .form-contact-modal .form-container form .margin-right{
        margin-right: 25px;
    }

    .web-page .form-contact-modal .form-container form .form-group.input{
        width: 47%;
    }

    .web-page .form-contact-modal .form-container form .form-group.input input{
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: 1px solid black;
        outline: none;
        padding: 7px 4px 5px;
    }

    .web-page .form-contact-modal .form-container form .form-group.input input, .web-page .form-contact-modal .form-container form .form-group.input input::placeholder{
        color: #000;
    }

    .web-page .form-contact-modal .form-container form input, .web-page .form-contact-modal .form-container form input::placeholder, .web-page .form-contact-modal .form-container form textarea, .web-page .form-contact-modal .form-container form textarea::placeholder{
        color: #000;
        font-family: SohneBuch;
        font-size: 20px;
        line-height: 130%;
    }

    .web-page .form-contact-modal .form-container form .form-group.textarea{
        width: 100%;
    }

    .web-page .form-contact-modal .form-container form .form-group.textarea textarea{
        width: 100%;
        background-color: transparent;
        border: none;
        padding: 8px 0px;
        height: 255px;
        resize: vertical;
    }

    .web-page .form-contact-modal .form-container form .form-group.textarea textarea, .web-page .form-contact-modal .form-container form .form-group.textarea textarea::placeholder{
        color: #C3C3C3;
    }

    .web-page .form-contact-modal .form-container form .submit-container{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }

    .web-page .form-contact-modal .form-container form .submit-container .submit-button{
        color: #000;
        text-align: center;
        font-family: SohneKraftig;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0.2px;
        border-radius: 34.36px;
        border: 1px solid #000;
        padding: 9px 18px;
    }
}

/* // Bloc de FAQs */
.web-page .faqs-block{
    width: calc(100vw - 30px);
    margin: 20px auto;
}

.web-page .faqs-block h6{
    color: #000;
    text-align: center;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 36px;
    line-height: 106%;
    text-transform: uppercase;
    margin: 0px auto;
}

.web-page .faqs-block .accordion{
    width: 100%;
    margin: 20px auto;
}

.web-page .faqs-block .accordion .accordion-item{
    margin-bottom: 2px;
}

.web-page .faqs-block .accordion .accordion-item .accordion-header{
    padding: 6px 0px;
    background-color: #ffffff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #000000;
}

.web-page .faqs-block .accordion .accordion-item .accordion-header .header-title{
    margin: 0px;
    color: #000;
    font-family: SohneKraftig;
    font-size: 18px;
    line-height: 126%;
    letter-spacing: 0.18px;
}

.web-page .faqs-block .accordion .accordion-item .accordion-header .accordion-icon {
    margin-right: 5px;
    transition: transform 0.6s ease;
}

.web-page .faqs-block .accordion .accordion-item .accordion-content{
    background-color: #ffffff;
    overflow: hidden;
    transition: height 0.6s ease;
}

.web-page .faqs-block .accordion .accordion-item .accordion-content .content-text{
    margin: 0px;
}

.web-page .faqs-block .accordion .accordion-item .accordion-content .content-text p, .web-page .faqs-block .accordion .accordion-item .accordion-content .content-text h1, .web-page .faqs-block .accordion .accordion-item .accordion-content .content-text h2, .web-page .faqs-block .accordion .accordion-item .accordion-content .content-text h3, .web-page .faqs-block .accordion .accordion-item .accordion-content .content-text h4, .web-page .faqs-block .accordion .accordion-item .accordion-content .content-text h5, .web-page .faqs-block .accordion .accordion-item .accordion-content .content-text h6{
    margin: 0px;
}

.web-page .faqs-block .accordion .accordion-item .accordion-content > div{
    padding: 10px 0px;
}

.web-page .faqs-block .accordion .accordion-item.open-accordion .accordion-icon {
    transform: rotate(135deg);
}

@media(min-width: 768px){
    .web-page .faqs-block{
        max-width: 910px;
        margin: 50px auto;
    }

    .web-page .faqs-block h6{
        font-size: 52px;
        line-height: 52px;
    }

    .web-page .faqs-block .accordion {
        margin: 25px auto;
    }
}

@media(min-width: 1024px){
    .web-page .faqs-block{
        max-width: 986px;
    }
    
    .web-page .faqs-block .accordion .accordion-item .accordion-header .header-title{
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0.01em;
    }
}

/* // Bloc de FAQs amb 2 columnes */
.web-page .faqs-block-2-col{
    width: calc(100vw - 30px);
    margin: 20px auto;
}

.web-page .faqs-block-2-col h6{
    color: #000;
    text-align: center;
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 36px;
    line-height: 106%;
    text-transform: uppercase;
    margin: 0px auto;
}

.web-page .faqs-block-2-col .accordion{
    width: 100%;
    margin: 20px auto;
}

.web-page .faqs-block-2-col .accordion .accordion-item{
    margin-bottom: 2px;
}

.web-page .faqs-block-2-col .accordion .accordion-item .accordion-header{
    padding: 6px 0px;
    background-color: #ffffff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.web-page .faqs-block-2-col .accordion .accordion-item .accordion-header .header-title.uppercase-style{
    font-family: SohneBreitDreiviertelfettKursiv;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.18px;
    text-transform: uppercase;
}

.web-page .faqs-block-2-col .accordion .accordion-item .accordion-header .header-title.lowercase-style{
    font-family: QueensCondensedBoldItalic;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.01em;
}

.web-page .faqs-block-2-col .accordion .accordion-item .accordion-header .header-title{
    margin: 0px;
    color: #000;
}

.web-page .faqs-block-2-col .accordion .accordion-item .accordion-header .accordion-icon {
    margin-right: 5px;
    transition: transform 0.6s ease;
}

.web-page .faqs-block-2-col .accordion .accordion-item .accordion-content{
    background-color: #ffffff;
    overflow: hidden;
    transition: height 0.6s ease;
}

.web-page .faqs-block-2-col .accordion .accordion-item .accordion-content .content-text{
    margin: 0px;
}

.web-page .faqs-block-2-col .accordion .accordion-item .accordion-content .content-text p, .web-page .faqs-block-2-col .accordion .accordion-item .accordion-content .content-text h1, .web-page .faqs-block-2-col .accordion .accordion-item .accordion-content .content-text h2, .web-page .faqs-block-2-col .accordion .accordion-item .accordion-content .content-text h3, .web-page .faqs-block-2-col .accordion .accordion-item .accordion-content .content-text h4, .web-page .faqs-block-2-col .accordion .accordion-item .accordion-content .content-text h5, .web-page .faqs-block-2-col .accordion .accordion-item .accordion-content .content-text h6{
    margin: 0px;
}

.web-page .faqs-block-2-col .accordion .accordion-item .accordion-content > div{
    padding: 10px 0px;
}

.web-page .faqs-block-2-col .accordion .accordion-item.open-accordion .accordion-icon {
    transform: rotate(135deg);
}

.web-page .faqs-block-2-col .accordion.acc-desktop{
    display:none !important;
}

.web-page .faqs-block-2-col .accordion.acc-movil{
    display:block !important;
}

@media(min-width: 768px){
    .web-page .faqs-block-2-col{
        max-width: 920px;
        margin: 50px auto;
        width: calc(100vw - 10px);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    .web-page .faqs-block-2-col h6{
        font-size: 52px;
        line-height: 52px;
    }

    .web-page .faqs-block-2-col .accordion {
        margin: 25px auto;
        width: calc(50% - 20px);
    }

    .web-page .faqs-block-2-col .accordion.acc-desktop{
        display:block !important;
    }

    .web-page .faqs-block-2-col .accordion.acc-movil{
        display:none !important;
    }
}

@media(min-width: 1024px){
    .web-page .faqs-block-2-col{
        max-width: 1010px;
    }
    .web-page .faqs-block-2-col .accordion.acc-desktop{
        display:block !important;
    }

    .web-page .faqs-block-2-col .accordion.acc-movil{
        display:none !important;
    }
}

/* // Bloc de Text */
.web-page .text-block{
    width: calc(100vw - 30px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 25px auto;
}

.web-page .text-block .text-container p, .web-page .text-block .text-container h1, .web-page .text-block .text-container h2, .web-page .text-block .text-container h3, .web-page .text-block .text-container h4, .web-page .text-block .text-container h5, .web-page .text-block .text-container h6{
    margin: 0px;
}

.web-page .text-block .white-link-container, .web-page .text-block .white-button{
    background-color: #FFFFFF;
    padding: 6.5px 17px;
    border-radius: 50px;
    border: 1px solid rgb(38, 38, 38);
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 34px);
}

.web-page .text-block .white-link, .web-page .text-block .white-button{
    color: #000;
    text-align: center;
    margin-top: 15px;
    text-decoration: none;
    font-family: SohneKraftig;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0em;
}

.web-page .text-button{
    margin-top: 20px;
}


.web-page .text-block.text-center{
    text-align: center;
}

@media(min-width: 768px){
    .web-page .text-block{
        margin: 50px auto;
        max-width: 777.47px;
    }
}

@media(min-width: 1024px){
    .web-page .text-block{
        max-width: 1000px;
    }

    .web-page .text-block .white-link, .web-page .text-block .white-button{
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0.2px;
    }
}
/* Fin web-page */

@media(min-width: 768px){
    .web-page{
        padding: 0px 12.5px;
    }
    
    .web-page .blocks-full-width{
        margin: 0px calc(-12.5px);
    }
}

.mt-2{
    margin-top: 12px;
}


/* // Bloc de Activitat */

.activityBox:not(:first-child)
{
    border-top: 1px solid #000000;
}


.web-page .activity-block{
    padding: 20px 0px;
    width: calc(100vw - 20px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin: auto;
}


.eventBox > .activity-block:not(:first-child)
{
    border-top: 1px solid #000000;
}

.web-page .activity-block .grid-box{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    /* width: 100%; */
    width: max-content;
}

.web-page .activity-block .grid-box .image-container{
    /* width: 100%;
    height: 94.5vw; */
    width: 313px;
    height:200px;
    
}

.web-page .activity-block .grid-box .image-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.web-page .activity-block .grid-box .text-container{
    width: 100%;
    margin-top: 20px;
}

.web-page .activity-block .grid-box .text-container p, .web-page .activity-block .grid-box .text-container h1, .web-page .activity-block .grid-box .text-container h2, .web-page .activity-block .grid-box .text-container h3, .web-page .activity-block .grid-box .text-container h4, .web-page .activity-block .grid-box .text-container h5, .web-page .activity-block .grid-box .text-container h6{
    margin: 0px;
}

.web-page .activity-block .grid-box .icons-container{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
}

.web-page .activity-block .grid-box .icons-container .row-container{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.web-page .activity-block .grid-box .icons-container .row-container .icon-container{
    width: 29px;
    height: 29px;
    margin-right: 10px;
    align-self: flex-start;
}

.web-page .activity-block .grid-box .icons-container .row-container .icon-container img{
    object-fit: contain;
    object-position: center;
}

.web-page .activity-block .grid-box .icons-container .row-container p{
    margin: 0px;
    color: #000;
    font-family: SohneLeicht;
    font-size: 13px;
    line-height: 126%;
}

.web-page .activity-block .grid-box .icons-container .row-container:not(:last-child){
    margin-bottom: 19px;
}

.web-page .activity-block .grid-box .block-link{
    margin-top: 26px;
    text-align: center;
    font-family: SohneBuch;
    font-size: 18px;
    line-height: 126%;
    letter-spacing: 0.18px;
    text-decoration: none;
}

.web-page .activity-block .grid-box .red-button{
    color: #FFF;
    background: #ea0c1e;
    border: none;
    border-radius: 34.36px;
    padding: 9px 19px;
}

.web-page .activity-block .grid-box .red-link-container{
    background: #ea0c1e;
    border: none;
    border-radius: 34.36px;
    padding: 9px 19px;
    margin-top:20px;
    margin-bottom:20px;
}

.web-page .activity-block .grid-box .red-link-container .red-link{
    color: #FFF;
}

.web-page .activity-block .grid-box .white-link-container{
    border: 1px solid #000000;
    background-color: #FFF;
    border-radius: 34.36px;
    padding: 9px 19px;
}

.web-page .activity-block .grid-box .white-button{
    color: #000;
}

.web-page .activity-block .grid-box .red-button ~ .white-link-container, .web-page .activity-block .grid-box .red-link-container ~ .white-link-container{
    margin-top: 8px;
}

.web-page .activity-block .grid-box .icons-container, .web-page .activity-block .grid-box .text-container{
    margin-bottom: 26px;
}

@media(min-width: 1024px){

    .activityBox
    {
        max-width: 1133px !important;
    }

    .web-page .activity-block{
        max-width: 904px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 0fr;
        grid-column-gap: 26px;
        padding: 35px 0px 5px;
    }

    .web-page .activity-block .grid-box{
        height: 100%;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .web-page .activity-block .grid-box .image-container{
        /* height: 100%; */
        height: 200px;
    }

    .web-page .activity-block .grid-box .text-container{
        margin-top: 0px;
    }

    .web-page .activity-block .grid-box .icons-container .icon-container{
        margin-right: 14px !important;
    }

    .web-page .activity-block .grid-box .icons-container .row-container p{
        font-size: 18px;
    }

    .web-page .activity-block .grid-box .block-link{
        margin-top: 20px;
    }

    .web-page .activity-block .grid-box .icons-container, .web-page .activity-block .grid-box .text-container{
        margin-bottom: 20px;
    }

    .web-page .activity-block .grid-box.text-box{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: nowrap;
    }
}

@media(min-width: 1024px){
    /* .web-page .activity-block{
        max-width: 996px;
        min-height: 484px;
        padding: 37px 0px;
    } */

    .web-page .text-block {
        max-width: 1133px !important;
    }

    .web-page .activity-block .grid-box .icons-container{
        margin-top: 25px;
    }

    .web-page .activity-block .grid-box .icons-container p{
        font-size: 20px !important;
        line-height: 130% !important;
    }

    .web-page .activity-block .grid-box .block-link{
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0.2px;
    }

}

@media (max-width:1023px)
 {
    .activity-block .image-container{
        width:100% !important;
        height:50vw !important;
        margin-bottom: 20px;
        max-height: 308px;
    }

    .red-link-container{
        margin-top: 0px !important;
    }

    .imgActivityBox{
        width: 100% !important;
        align-items:center !important;
    }
    .txtActivityBox{
        align-items: flex-start !important;
        width: 100% !important;
    }
    .monthActivityBox{
        width: 100% !important;
        max-width: 555px;
        align-items: flex-start !important;
    }
    .titleActivity{
        width: auto !important;
        padding: 0px 3.90625vw;
    }

    .web-page .activity-block{
        padding: 20px 10px 0px 10px !important;
    }

    .txtEventDate{
        margin-bottom: 0px;
    }
    .text-container{
        margin-top:8px !important;
    }
    .eventBox > .activity-block:not(:first-child) {
        max-width: 555px;
    }
 }