@media (max-width: 1279px) {
    .inner-wel-sec h2,
    .inner-wel-sec.forma-wel-sec h2 {
        max-width: none;
    }
}

@media (max-width: 1023px) {
    .nos-cont-item {
        scroll-margin-top: 135px;
    }

    .forma-emp-lft h4,
    .que-oferim-lft h4 {
        max-width: none;
    }

    .page-contacte .borsa-form-div {
        padding-top: 30px;
    }

    .cbp-hrmenu > ul > li > a {
        min-width: 0;
    }
}

@media (max-width: 639px) {
    .imatge-text-sec,
    .targetes-icona-sec,
    .targetes-color-sec,
    .targetes-imatge-sec,
    .targetes-llista-sec,
    .dades-destacades-sec {
        padding: 40px 0;
    }

    .formacio-skeleton-row td {
        display: block !important;
        padding: 7px 0 !important;
    }

    .formacio-skeleton-row td::before {
        display: none !important;
    }

    .formacio-skeleton-row .formacio-skeleton {
        height: 12px;
    }

    .formacio-skeleton-row .course-title .formacio-skeleton {
        height: 16px;
    }

    .course-no-results td::before {
        display: none;
    }

    .form-fitxa-lft h2,
    .form-info-lft h2 {
        margin-bottom: 15px;
        font-size: 20px;
    }

    .dades-txt h3,
    .dades-txt p,
    .form-fitxa-rgt .rich-text li {
        font-size: 15px;
    }

    .formacio-fitxa-contacte .form-info-div {
        margin-bottom: 25px;
    }

    .page-informacio-formacio .sel-main-title h1 {
        margin-bottom: 20px;
        font-size: 28px;
    }

    .page-informacio-formacio .form-sel-cont > h2 {
        font-size: 18px;
    }

    .page-informacio-formacio .frm-social-lft,
    .page-sad-informacio .frm-social-lft {
        height: 230px;
        min-height: 230px;
    }

    .page-informacio-formacio .frm-social-rgt h3,
    .page-sad-informacio .frm-social-rgt h3 {
        font-size: 20px;
    }

    .page-sad-informacio .servei-seleccionat h2 {
        font-size: 20px;
    }

    .page-informacio-formacio .form-list .radio-group .wpcf7-form-control {
        gap: 16px 18px;
    }

    .page-informacio-formacio .form-list .upload-row .wpcf7-form-control-wrap,
    .page-informacio-formacio .form-list .upload-row .file-name {
        width: 100%;
    }

}

@media (max-width: 479px) {
    .page-informacio-formacio .sel-main-title h1 {
        font-size: 24px;
    }

    .page-informacio-formacio .form-list .radio-group .wpcf7-form-control {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .page-sad .sad-serveis-intro,
    .page-sad .sad-que-oferim-sec {
        padding-bottom: 40px;
    }

    .page-sad-informacio .callback-box .form-top-row {
        grid-template-columns: 1fr;
    }

    .page-sad-informacio .callback-box .delegation-row {
        align-items: flex-start;
    }

    .page-sad-informacio .callback-box .radio-group .wpcf7-radio {
        flex-wrap: wrap;
        gap: 14px 20px;
    }

    .page-sad-informacio .callback-box .time-actions {
        grid-template-columns: 1fr 1fr;
    }

    .page-sad-informacio .missatge-sec .wpcf7-form {
        margin-top: 35px;
    }

    .actualitat-bloc-text ul,
    .actualitat-bloc-text ol,
    .actualitat-classic-content ul,
    .actualitat-classic-content ol {
        margin-bottom: 15px;
    }

    .rich-text li {
        font-size: 16px;
    }

    .actualitat-bloc-titol h2 {
        font-size: 20px;
    }

    .actualitat-bloc-titol h3 {
        font-size: 18px;
    }

    .actualitat-bloc-titol h4 {
        font-size: 17px;
    }

    .actualitat-bloc-titol h5 {
        font-size: 16px;
    }

    .actualitat-cita {
        margin-bottom: 35px;
        padding: 25px 22px;
    }

    .actualitat-det-rgt .actualitat-cita p {
        font-size: 18px;
    }

    .actualitat-video {
        margin-bottom: 35px;
    }

    .actualitat-arxiu a {
        padding: 20px;
        grid-template-columns: minmax(0, 1fr);
    }

    .actualitat-arxiu-action {
        margin-top: 8px;
        grid-column: 1;
        grid-row: auto;
    }

    .newsletter-cf7 input[type='email'] {
        width: 100%;
        height: 45px;
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .page-legal .legal-detail-sec {
        padding-top: 15px;
    }

    .page-legal .legal-det-lft {
        display: none;
    }

    .page-legal .legal-det-rgt {
        width: 100%;
    }

    .page-legal .legal-page-title {
        margin-bottom: 55px;
        font-size: 28px;
    }

    .contact-top-sec h1 {
        margin-bottom: 55px;
        font-size: 28px;
    }

    .contacte-seus-sec .row > p {
        margin: -35px 0 45px;
        font-size: 16px;
    }

    .page-contacte .contacte-formularis-sec {
        margin-top: 20px;
    }

    .page-contacte .contacte-formularis-sec .borse-frm-rgt {
        width: 100%;
    }

    .page-contacte .missatge-sec .wpcf7-form {
        margin-top: 40px;
    }

    .page-contacte .form-list li {
        width: 100%;
    }

    .page-contacte .callback-box .delegation-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .page-contacte .callback-box .time-actions {
        grid-template-columns: 1fr 1fr;
    }

    .form-success__message {
        width: calc(100% - 40px);
        justify-content: center;
    }

    .form-success__message p {
        font-size: 16px;
    }
}

@media screen and (max-width: 479px) {
    .page-contacte .callback-box .radio-group .wpcf7-radio {
        align-items: flex-start;
        flex-direction: column;
    }

    .page-contacte .callback-box .time-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .form-success__message {
        align-items: flex-start;
    }

    /* La maqueta baixa el botó del newsletter a 40px en pantalles petites. */
    a.newsletter-btn,
    .ftr-top-rgt .news-box-out a.newsletter-btn {
        height: 40px;
        padding: 0 20px;
    }
}

.page-legal .legal-detail-sec {
    padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .page-legal .legal-detail-sec {
        padding-bottom: 70px;
    }

    .page-legal .legal-article-content .order-list-items-header {
        display: none !important;
    }

    .page-legal .legal-article-content .order-list-item {
        padding: 12px 0;
        grid-template-columns: 1fr;
    }

    .page-legal .legal-article-content .order-list-item > div {
        padding: 5px 12px;
    }

    .page-legal .legal-article-content .order-list-item > div::before {
        display: block;
        margin-bottom: 2px;
        color: #777;
        font-size: 11px;
    }

    /*
    .page-legal .legal-article-content .order-list-item > div:nth-child(1)::before {
        content: 'Cookie';
    }

    .page-legal .legal-article-content .order-list-item > div:nth-child(2)::before {
        content: 'Proveïdor';
    }

    .page-legal .legal-article-content .order-list-item > div:nth-child(3)::before {
        content: 'Finalitat';
    }

    .page-legal .legal-article-content .order-list-item > div:nth-child(4)::before {
        content: 'Durada';
    }*/

    .page-borsa .filters-left {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .page-borsa .borse-frm-lft .borsa-section-title {
        font-size: 20px;
    }

    .page-borsa .filter-bar {
        align-items: flex-start;
        gap: 18px;
        flex-direction: column;
    }

    .page-borsa .filter-label {
        position: static;
        width: 100%;
    }

    .page-borsa .offers-count {
        width: 100%;
    }

    .page-borsa .borsa-skeleton-row {
        display: grid !important;
        margin-bottom: 12px;
        padding: 16px;
        grid-template-columns: 1fr;
        gap: 12px;
        border-radius: 8px;
        background: #f7f4e8;
    }

    .page-borsa .borsa-skeleton-row td {
        display: block;
        height: auto;
        padding: 0;
        border-radius: 0;
        background: transparent;
    }

    .page-borsa .borsa-skeleton-row td::before {
        display: none;
    }

    .page-borsa .borsa-skeleton-row td:last-child .borsa-skeleton {
        width: 100%;
        height: 32px;
    }

    .page-borsa .job-details-row:not([hidden]) {
        display: block;
    }

    .page-borsa-candidatura .form-list .upload-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .page-borsa-candidatura .form-list .file-name {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

@media screen and (max-width: 479px) {
    .page-borsa .select-pill,
    .page-borsa .select-pill .nice-select {
        width: 100%;
    }

    .page-borsa .borsa-clear {
        margin-top: 5px;
    }

    .page-borsa-candidatura .form-list .radio-group .wpcf7-form-control {
        align-items: flex-start;
        flex-direction: column;
    }

    .page-borsa-candidatura .borsa-form .form-list > li:last-child .btn-submit {
        width: 100%;
        min-width: 0;
    }
}

@media screen and (max-width: 767px) {
    /* Header mòbil: el JS ja situa el botó sota la barra (--call-top). Aquí només
       ajustem el marge dret perquè el hamburger és a la mateixa cantonada. */
    .call-wrapper.call-fixed {
        right: 15px;
    }
}