.about_us_wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-speed) ease, transform var(--transition-speed) ease;
    z-index: 1020;
    text-align: center;
    &.ready {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .wrapper-background {
        background-size: cover;
        background-image: url(../../media/img/Cabecera_Sobre-Nosotros.jpg);
        background-repeat: no-repeat;
        height: 75vh;
        background-position: center;
        background-size: cover;
        position: relative;

        h1 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%);
            width: 100%;
            color: #fff;
            font-size: clamp(3rem, 6vw, 5rem);
            font-weight: normal;
            line-height: 1.1;
        }
    }

    .main-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: var(--bg-color-light);
        color: #000;
        padding: 0 3rem;
        font-size: clamp(1rem, 4vw, 1.5rem);
        
        section {
            padding-top: 8rem;
            h2 {
                color: var(--red-mediapro-color);
                /*font-size: 3rem;*/
                font-size: clamp(2rem, 5vw, 3rem);
                margin-bottom: 2rem;
                font-weight: 400;
                line-height: var(--line-height-text);
            }

            &.manifest {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                max-width: 1200px;
                .wrapper-text {
                    margin-bottom: var(--padding-std);
                    p {
                        margin-bottom: var(--padding-std);
                        line-height: var(--line-height-text);

                        &.reduced {
                            max-width: 815px;
                        }
                    }
                }

                .links-about-us {
                    display: flex;
                    justify-content: center;
                    width: 100%;
                    padding: var(--padding-std);
                    gap: 3rem;
                    a {
                        img {
                            height: 4vh;
                            max-height: 5rem;
                            width: 100%;
                            object-fit: contain;
                            object-position: center;
                        }
                    }
                }
            }

            &.map {
                .map-title{
                    max-width: 975px;
                    margin: 0 auto calc(4 * var(--padding-std));
                }
                .flex-column {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    text-align: center;
                    row-gap: 3em;
                    .country-list{
                        max-width: 878px;
                        margin: auto;
                        line-height: var(--line-height-text);
                        font-size: clamp(0.8rem, 3.5vw, 1.3rem);
                    }
                    img {
                        max-width: 100%
                    }
                }
            }

            &.team{
                padding-bottom: 8rem;
                .listTeam{
                    line-height: var(--line-height-text);
                    font-size: clamp(0.8rem, 4vw, 1.3rem);
                }
            }
        }

    }
}

@media (max-width: 768px) {
    .about_us_wrapper {
        .main-content {
            padding: 1rem 20px;


            section {
                h2{ margin-bottom: 1.5rem;}
                &.manifest {
                    padding-top: 4rem;
                    .wrapper-text{
                        margin-bottom: 0;
                    }
                    .links-about-us {
                        flex-direction: column;
                        row-gap: calc(0.8 * var(--padding-std));
                        padding-bottom: 0;
                        a {
                            img {
                                height: 5vh;
                                max-height: 4rem;
                            }
                        }
                    }
                }
                &.map{
                    .map-title {
                        margin-bottom: calc(2 * var(--padding-std));
                    }
                    .flex-column{
                        row-gap: 2em;
                    }
                }
            }
            section.team {
                padding-top: 5rem;
            }
        }
    }
}