@media (max-width: 990px) {
    .hide-mobile,
    .hide-mobile-flex {
        display: none
    }

    .hide-desktop {
        display: block
    }

    .hide-desktop-flex {
        display: flex
    }

    .artwork-info .share-bar-wrapper {
        background-color: var(--primary);
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        padding: 10px 0;
        z-index: 1
    }

    .artwork-poster-item .button {
        padding: 9px 13px
    }

    .artwork-poster-item .button i {
        font-size: 22px
    }

    .share-bar-wrapper .share-bar-text {
        margin: 0;
        transform: translate(0, 1px)
    }

    .share-bar-wrapper .button {
        border-radius: 50px;
        background-color: white;
        color: var(--primary);
        width: 35px;
        height: 35px;
        display: flex;
        padding: 0;
        align-items: center;
        justify-content: center;

        i {
            font-size: 20px
        }
    }

    .share-bar-wrapper .button.button-icon span {
        display: none
    }

    .share-bar-wrapper .share-bar {
        gap: 10px
    }
}



@media (min-width: 450px) {
    .signals .signals-item {
        width: 50%
    }
}

@media (min-width: 500px) {
    .sponsors .sponsors-wrapper {
        gap: 50px 30px
    }

    .author-list {
        grid-template-columns: repeat(3, auto)
    }
}


@media (min-width: 600px) {
    .artwork-wrapper .artwork-column {
        flex-basis: calc(50% - 7.5px)
    }

    .author-list {
        grid-template-columns: repeat(3, auto)
    }
}


@media (min-width: 800px) {
    .signals .signals-item {
        width: 33.33%
    }

    .author-list {
        grid-template-columns: repeat(4, auto)
    }
}


@media (min-width: 991px) {
    body {
        margin-top: 110px
    }

    .hide-mobile {
        display: block
    }

    .hide-mobile-flex {
        display: flex
    }

    .hide-desktop,
    .hide-desktop-flex {
        display: none
    }

    .title strong {
        font-size: 40px
    }

    .header .nav-menu,
    .social-links {
        display: block
    }

    .btn-menu {
        display: none
    }

    .logo-container img {
        max-width: 285px
    }

    .header-wrapper {
        padding-top: 23px;
        padding-bottom: 23px
    }

    .textbox {
        font-size: 21px
    }

    .artwork-wrapper .artwork-column {
        flex: 1
    }

    .sponsors {
        padding-bottom: 60px
    }

    .additional .additional-wrapper,
    .campaign {
        flex-direction: row
    }

    .additional .additional-wrapper {
        gap: 0
    }

    .additional .additional-item {
        flex: 1
    }

    .additional .additional-title {
        font-size: 40px
    }

    .additional .container {
        position: relative;
        padding-top: 40px;
        padding-bottom: 70px;

        &::before {
            width: 200px;
            height: 175px
        }
    }

    .campaign {
        gap: 40px;
        padding: 60px 0 60px
    }

    .campaign-image {
        padding-right: 40px
    }

    .campaign-image::after,
    .additional .additional-item::after {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        margin-top: 0;
        width: 1px;
        height: 140px
    }

    .baseboard {
        flex-direction: row;

        .baseboard-link {
            text-align: right
        }

        .social-links .social-links-wrapper {
            justify-content: start
        }

        .social-links .social-links-label {
            width: auto
        }
    }

    .initiative-wrapper {
        flex-direction: row;
        text-align: left;

        .button {
            margin: 0
        }

        .video-wrapper {
            width: 48%
        }

        .initiative-text-wrapper {
            flex: 1
        }

        .title {
            text-align: left;
            margin-left: 0
        }

        .iframe-wrapper {
            margin: 0;
            gap: 100px
        }

        .initiative-text-wrapper {
            padding-left: 100px
        }

        .video-label {
            font-size: 28px;
            padding-left: 35px;
            padding-right: 35px;
            padding-top: 40px;
            margin-top: -20px;
            margin-left: 100px;

            &::after {
                content: '';
                position: absolute;
                width: 100vw;
                height: 100%;
                top: 0;
                left: 100%;
                background-color: var(--secondary);
            }
        }
    }

    .initiative-wrapper .video-label {
        &::before {
            width: 160px;
            height: 160px;
            top: 50%;
            right: 0;
            transform: translate(0, -50%);
            z-index: 1
        }
    }

    .section-banner {
        max-width: 90%;
        margin: auto;
        overflow-x: visible
    }

    .section-banner::before {
        width: 160px;
        height: 160px;
        bottom: -65px;
        right: -90px;
        left: initial;
        z-index: 1
    }

    .section-banner,
    .initiative-text-wrapper {
        &::after {
            width: 170px;
            height: 170px;
            left: -110px
        }
    }

    .statistics {
        padding: 0
    }

    .statistics-content .statistics-wrapper {
        flex-direction: row;
        max-width: 1025px;
        padding-right: 125px;

        &::before {
            width: 180px;
            height: 90px;
            top: 50%;
            right: -12%;
            transform: translate(0, -50%);
            z-index: 1
        }

        &::after {
            content: '';
            position: absolute;
            top: 0;
            left: 100%;
            background: #FAFAFA;
            width: 100vw;
            height: 100%
        }
    }

    .statistics-content .statistics-item {
        max-width: 235px;
    }

    .statistics-content .statistics-item__title {
        text-align: left
    }

    .sponsors .container ::before {
        bottom: calc(100% - 50px);
        left: -75px;
        width: 300px;
        height: 185px
    }

    .artwork-info {
        flex-direction: row;
        padding-top: 30px;

        .artwork-info-image {
            flex-basis: 60%
        }

        .artwork-info-text {
            flex: 1;
            text-align: left
        }

        .artwork-info-image {
            margin: 0
        }

        .artwork-info-link {
            margin-top: 40px
        }
    }

    .artwork-poster-item {
        flex-direction: row;
        border: none;
        padding-bottom: 0
    }

    .artwork-poster-list {
        gap: 60px;
        margin-bottom: 60px
    }

    .artwork-poster-list .artwork-poster-item:nth-child(even) .artwork-poster-item-image {
        order: 1
    }

    .artwork-poster-list .artwork-poster-item:nth-child(even) .artwork-info-text {
        text-align: right
    }

    .artwork-poster-list .artwork-poster-item:nth-child(even) .share-bar {
        justify-content: right
    }

    .artwork-poster-item .artwork-poster-item-image img {
        width: 100%;
        height: 500px
    }

    .artwork-poster-item .artwork-info-text {
        padding: 20px 0
    }

    .artwork-poster-item .share-bar-text {
        margin-top: 40px
    }

    .share-bar-wrapper {
        margin-top: 40px
    }

    .page-nav {
        margin: 50px auto
    }

    .conoce-tu-cuerpo-text {
        flex-basis: 60%
    }

    .como-cuidarlas .como-cuidarlas-wrapper {
        flex-direction: row
    }

    .como-cuidarlas .como-cuidarlas-text {
        flex: 1;
        order: 0
    }

    .descarga a {
        width: auto;
        font-size: 18px
    }

    .descarga p {
        text-align: left;
        margin-top: 10px
    }

    .author-list {
        grid-template-columns: repeat(5, auto);
        margin-top: 40px;
        margin-bottom: 60px
    }

    .sumate .sumate-content {
        flex-direction: row
    }

    .sumate .sumate-content-block-1 {
        flex: 1;
        padding-right: 60px
    }

    .sumate .sumate-content-block-2 {
        flex-basis: 60%;
        position: relative;

        &::before {
            content: '';
            position: absolute;
            top: 50%;
            right: calc(100% + 30px);
            height: 90%;
            width: 2px;
            transform: translate(0, -50%);
            background-color: var(--primary)
        }
    }

    .form-contacto .head_form label {
        width: auto
    }

    .form-contacto .body_form {
        gap: 0 20px
    }

    .form-contacto .body_form .form-group {
        width: calc(50% - 10px)
    }

    .form-contacto .form-content-controls {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .form-contacto .form-content-controls-submit {
        width: auto;
        margin: 0
    }

    .form-contacto .mensaje {
        font-size: 20px
    }

    .campana .campana-column {
        flex-direction: row;
        margin-bottom: 40px
    }

    .campana .campana-column > div {
        flex: 1
    }

    .campana .campana-column .video_campania {
        flex-basis: 250px
    }

    #error_404 .error_text h2+p {
        margin-left: 0;
        display: inline-block
    }

    .site-banner {
        flex-direction: row
    }

    .filtro-wrapper {
        flex-direction: row
    }

    .filter-select {
        margin: 0
    }
}