@media screen and (max-width: 767px) {
    .foot-mid-btm .ftr-lst ul {
        display: block;
    }

    .foot-mid-btm .ftr-lst>ul:first-child>li:first-child a {
        font-size: 16px;
        line-height: 24px;
    }

    .foot-mid-btm .ftr-lst ul li:not(:first-child) {
        display: none;
    }

    .projeccio-sec .proj-intro p,
    .projeccio-sec .proj-intro ul {
        font-size: 16px;
        line-height: 26px;
    }
}

/* NOTÍCIES DESTACADES */
/* A partir de 1024px les dues columnes van de costat: la imatge ha d'omplir
   tota l'alçada del bloc, sense franja de fons per dalt ni per baix */
@media screen and (min-width: 1024px) {

    .actualidad-inner {
        align-items: stretch;
    }

    .actualidad-lft {
        min-height: 380px;
    }

    .actualidad-lft .actualidad-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .actualidad-img .swiper-container,
    .actualidad-img .swiper-wrapper,
    .actualidad-img .swiper-slide {
        height: 100%;
        padding-bottom: 0;
    }
}

/* ACCIÓ DE FOMENT */

@media screen and (max-width: 1279px) {

    .actuacio-foment-sec,
    .actuacions-foment-sec {
        padding: 40px 0 60px 0;
    }
}

@media screen and (max-width: 1023px) {

    .actuacions-title h2 {
        font-size: 32px;
        line-height: 42px;
        text-align: left;
    }

    .actuacions-title {
        text-align: left;
    }

    .actuacions-title p {
        margin-left: 0;
    }

    /* La barra fosca passa a dues columnes */
    .filter-bar {
        flex-wrap: wrap;
        padding: 15px 20px;
        gap: 12px;
    }

    .filter-bar .filter-item {
        flex: 0 1 calc(50% - 6px);
    }
}

@media screen and (max-width: 767px) {

    .actuacions-title h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .filter-bar .filter-item {
        flex: 0 1 100%;
    }

    .actuacions-neteja {
        margin-left: 0;
    }
}

@media screen and (max-width: 1023px) {

    .actuacio-title {
        text-align: left;
    }

    .actuacio-title h2 {
        font-size: 28px;
        line-height: 36px;
        max-width: 100%;
        margin-left: 0;
    }

    .actuacio-tags ul {
        justify-content: flex-start;
    }

    .actuacio-destinataris {
        margin-left: 0;
    }

    .actuacio-cont {
        max-width: 100%;
    }

    .actuacio-accions h3 {
        font-size: 22px;
        line-height: 28px;
    }
}

@media screen and (max-width: 767px) {
    .actuacio-foment-sec {
        padding: 20px 0 40px 0;
    }

    .actuacio-title h2 {
        font-size: 24px;
        line-height: 32px;
    }

    /* L'any deixa de compartir línia amb el títol de l'acordió */
    .actuacio-acordio .acc_head .acc-titol {
        max-width: 100%;
        display: block;
    }

    .actuacio-acordio .acc_head .acc-any {
        float: none;
        display: block;
        line-height: 18px;
        margin: 2px 0 0;
    }

    .actuacio-acordio .acc_content {
        padding-left: 14px;
    }
}

/* SELECTOR DE DEPARTAMENT — formulari de contacte (CF7) */
/* Segueix les mateixes baixades de mida que els inputs a ver2/ver3 media.css */

@media screen and (max-width: 1023px) {
    .contact-form .form-box select {
        font-size: 17px;
    }
}

@media screen and (max-width: 767px) {
    .contact-form .form-box select {
        font-size: 16px;
    }
}


/* FITXA D'ESDEVENIMENT */
/* Mateix punt de tall on .noticia-cont-lft / -rgt s'apilen a ver2/ver3 media.css */

@media screen and (max-width: 1279px) {
    .esdeveniment-title h1 {
        font-size: 42px;
        line-height: 52px;
    }
}

@media screen and (max-width: 1023px) {
    .esdeveniment-title h1 {
        font-size: 32px;
        line-height: 42px;
    }

    /* Apilat: imatge, dades, descripció */
    .esdeveniment-img,
    .esdeveniment-cont {
        flex: 0 1 100%;
    }

    /* Aquí .foot-top puja -120px, no -60px */
    .esdeveniment-sec--final,
    .esdeveniment-relacionats {
        padding-bottom: 190px;
    }
}

@media screen and (max-width: 767px) {
    .esdeveniment-sec {
        padding: 25px 0 40px;
    }

    .esdeveniment-sec--final,
    .esdeveniment-relacionats {
        padding-bottom: 180px;
    }

    .esdeveniment-title {
        padding: 0 15px;
        margin-bottom: 25px;
    }

    .esdeveniment-title h1 {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.5px;
    }

    .esdeveniment-main {
        padding: 0 15px;
    }

    .esdeveniment-back {
        margin: 30px 0 0 15px;
    }

    .esdeveniment-relacionats h2,
    .esdeveniment-relacionats .projeccio-list {
        padding: 0 15px;
    }
}

/* END FITXA D'ESDEVENIMENT */


/* IBMUSICAT */

@media screen and (max-width: 1279px) {
    .ibmusicat-listing-title h1 {
        font-size: 42px;
        line-height: 52px;
    }
}

@media screen and (max-width: 1023px) {
    .filter-bar.ibmusicat-filter-bar {
        grid-template-columns: repeat(4, minmax(0, 1fr)) 125px;
        gap: 10px;
    }

    .ibmusicat-listing-hero {
        padding-right: 25px;
        padding-left: 25px;
    }

    .ibmusicat-filter-bar .filter-item input,
    .ibmusicat-filter-bar .filter-item select {
        padding-left: 12px;
        font-size: 14px;
    }

    .ibmusicat-search-button {
        min-width: 125px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .ibmusicat-group-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ibmusicat-listing-title h1 {
        font-size: 34px;
        line-height: 43px;
    }

    .ibmusicat-group-hero {
        height: 370px;
    }

    .ibmusicat-disc-card {
        grid-template-columns: 130px minmax(0, 1fr);
        gap: 20px;
    }
}

@media screen and (max-width: 767px) {

    .ibmusicat-listing-sec,
    .ibmusicat-single-sec {
        padding: 25px 0 105px;
    }

    .ibmusicat-single-sec--with-related {
        padding-bottom: 45px;
    }

    .ibmusicat-results-head,
    .ibmusicat-group-grid,
    .ibmusicat-listing-sec .pagination,
    .ibmusicat-listing-sec>.row>.ibmusicat-empty {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ibmusicat-listing-hero {
        margin: 0 15px 28px;
        padding: 28px 20px 20px;
        border-radius: 10px;
    }

    .ibmusicat-listing-title {
        margin: 0 15px 24px;
    }

    .ibmusicat-listing-title h1 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: -.5px;
    }

    .filter-bar.ibmusicat-filter-bar {
        grid-template-columns: 1fr;
        margin: 0;
        padding: 0;
    }

    .ibmusicat-search-button {
        grid-column: auto;
        justify-self: stretch;
        width: 100%;
    }

    .ibmusicat-results-head {
        gap: 7px 14px;
    }

    .ibmusicat-results-head h2,
    .ibmusicat-discography>h2,
    .ibmusicat-related-sec>.row>h2 {
        width: 100%;
        font-size: 24px;
        line-height: 32px;
    }

    .ibmusicat-results-head>a {
        width: fit-content;
        margin-left: 0;
    }

    .ibmusicat-group-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 15px;
    }

    .ibmusicat-group-card-body h2,
    .ibmusicat-group-card-body h3,
    .ibmusicat-group-card-body h4 {
        font-size: 17px;
        line-height: 23px;
    }

    .ibmusicat-tags {
        gap: 4px;
    }

    .ibmusicat-tags a,
    .ibmusicat-tags span {
        padding: 4px 7px;
        font-size: 10px;
        line-height: 14px;
    }

    .ibmusicat-group-hero {
        height: 320px;
        margin: 0 15px;
        border-radius: 10px;
    }

    .ibmusicat-group-hero-overlay {
        left: 20px;
        right: 20px;
        bottom: 24px;
    }

    .ibmusicat-group-details {
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 28px 15px 0;
        padding-bottom: 24px;
    }

    .ibmusicat-group-stats {
        gap: 20px;
    }

    .ibmusicat-group-stats strong {
        font-size: 23px;
    }

    .ibmusicat-discography {
        margin: 32px 15px 0;
    }

    .ibmusicat-disc-card {
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 16px;
    }

    .ibmusicat-disc-info h3 {
        font-size: 19px;
        line-height: 25px;
    }

    .ibmusicat-disc-info dl {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .ibmusicat-disc-link {
        width: 30px;
        height: 30px;
    }

    .ibmusicat-disc-tracks {
        margin-top: 16px;
    }

    .ibmusicat-track-list {
        columns: 1;
    }

    .ibmusicat-track {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 8px;
    }

    .ibmusicat-related-sec {
        padding: 42px 0 110px;
    }

    .ibmusicat-related-sec>.row>h2 {
        margin: 0 15px 24px;
    }
}

@media screen and (max-width: 359px) {
    .ibmusicat-group-grid {
        grid-template-columns: 1fr;
    }

    .ibmusicat-disc-card {
        grid-template-columns: 90px minmax(0, 1fr);
        gap: 14px;
    }
}

/* END IBMUSICAT */

/* BLOCS DE DOCUMENTS (subvencions + fitxa d'esdeveniment) */

@media screen and (max-width: 767px) {
    .subvencions-documents {
        max-width: 100%;
        padding: 20px 0 0;
        margin-bottom: 30px;
        border-left: none;
        border-top: 1px solid #000;
    }

    .subvencions-documents h3 {
        padding: 0;
    }

    .subvencions-documents-description {
        padding: 0 0 20px;
        font-size: 16px;
        line-height: 26px;
    }

    .subvencions-documents .fitxa-div,
    .documents-llista .fitxa-div {
        padding: 0;
    }

    .subvencions-documents .fitxa-grid,
    .documents-llista .fitxa-grid {
        padding: 16px 0;
        row-gap: 12px;
    }

    /* Les tres columnes s'apilen */
    .subvencions-documents .fitxa-lft,
    .subvencions-documents .fitxa-mid,
    .subvencions-documents .fitxa-content,
    .documents-llista .fitxa-lft,
    .documents-llista .fitxa-mid,
    .documents-llista .fitxa-content {
        flex: 0 1 100%;
    }

    .subvencions-documents .fitxa-content .btn-group ul,
    .documents-llista .fitxa-content .btn-group ul {
        justify-content: flex-start;
    }

    /* Fitxa d'esdeveniment: mateix sagnat que .esdeveniment-main en mobil */
    .esdeveniment-documents {
        margin-top: 35px;
        padding: 0 15px;
    }

    .esdeveniment-documents h2 {
        font-size: 21px;
        line-height: 28px;
    }
}

/* END BLOCS DE DOCUMENTS */

/* ILLES DE CULTURA - FILTRES DE PUBLICACIONS */

@media screen and (max-width: 767px) {

    /* Cal aquesta especificitat: la regla de 100% d'illes-cultura.css la perd contra
       .illes-publicacions-list .filter-etiqueta.not-hide ul.cer-filter-lst li */
    .illes-publicacions-list .filter-etiqueta.not-hide ul.cer-filter-lst li {
        width: 100%;
        margin-right: 0;
    }
}

/* END ILLES DE CULTURA - FILTRES DE PUBLICACIONS */


@media screen and (min-width: 768px) and (max-width: 1023px) {
    footer {
        margin-top: 100px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    footer {
        margin-top: 75px;
    }
}

/* START MEDIAS GENERALS - JIRA IEB-34 */
@media screen and (max-width: 767px) {
    /* .top-banner.hm-banner.ban-has-video {
        margin-bottom: 180px;
    } */

    .top-banner.hm-banner .ieb-card {
        bottom: 0;
    }

    footer {
        margin-top: 120px;
    }

    .filter-item input[type="text"].datepicker-here,
    .filter-item input,
    .filter-item .nice-select.select_box_input {
        font-size: 16px;
    }

    .faqs-sec .faqs-list .acc_content p a {
        word-break: break-all;
        overflow-wrap: break-word;
    }

}

@media screen and (max-width: 489px) {
    .llengua-banner .banner-content {
        bottom: 10%;
    }
}

/* END MEDIAS GENERALS - JIRA IEB-34 */

/* START GALERIES IMATGE SWIPER AMB LIGHTCASE + NOU BANNER LLENGUA */

@media screen and (min-width: 1280px) {
    .llengua-banner.has-slider > .llengua-banner-base {
        height: auto;
        aspect-ratio: 5 / 1;
    }
}

@media screen and (max-width: 1023px) {
    .galeria-imatges .swiper-pagination-galeria {
        left: 20px;
        bottom: 20px;
        max-width: calc(100% - 40px);
    }
}

@media (max-width: 767px) {
    #lightcase-case .lightcase-caption {
        font-size: 14px;
    }

    .llengua-banner.has-slider > .swiper-pagination-banner-llengua {
        right: 20px;
        gap: 10px;
    }
}

/* END GALERIES IMATGE SWIPER AMB LIGHTCASE + NOU BANNER LLENGUA */