* {
    box-sizing: border-box;
    overflow-x: none;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
  --verde: #005357;
  --verde-oscuro: rgb(0 62 65);
  --naranja: #E84621;
  --naranja-oscuro: rgb(174 53 25);
  --gris: #D4D8DA;
  --gris-claro: #eeeeee;
  --blanco: #FBFBFB;
  --negro: #2E2D2C;
  --rounded: 0.5rem;
}

.banner-nosotros {
    max-width: 100%;
    height: 40rem;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    background-color: var(--gris);
    background-image: url('../img/banner4.webp');
    background-size: cover;
    background-position: center center;
}

.main-header-nosotros {
    text-align: center;
    width: 44rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logo-epoxy-blanco {
    width: 24.625rem;
    height: 13.5rem;
    background-image: url('../img/logotipo-denomicación-3.svg');
    background-size: cover;
    background-position: center center;
}

.content-detalles {
    margin: 5rem auto;
    width: 56rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 3rem;
}

.logo-noroo {
    min-width: 25rem;
    height: 6rem;
    background-image: url('../img/noroo.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.mision, .vision {
    width: 100%; 
    height: 25rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.mision {
    background-image: url('../img/banner.webp');
    background-size: cover;
    background-position: center center;
}

.vision {
    background-image: url('../img/banner7.webp');
    background-size: cover;
    background-position: center center;
}

.content-mv {
    max-width: 56rem;
    display: grid;
    grid-template-columns: repeat(2,50%);
}



@media (max-width: 992px) {

    .banner-nosotros {
    max-width: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    background-size: cover;
    background-position: center center;
}

    .main-header-nosotros {
    text-align: center;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .logo-epoxy-blanco {
    width: 15rem;
    height: 7rem;
    background-image: url('../img/logotipo-denomicación-3.svg');
    background-size: cover;
    background-position: center center;
}   

    .content-detalles {
    margin: 3rem auto;
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    text-align: center;
}

    .logo-noroo {
    min-width: 15rem;
    height: 7rem;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

    .mision, .vision {
    width: 100%; 
    height: 17rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .content-mv {
    max-width: 90%;
    display: flex;
    flex-direction: column;
    text-align: center;
}


}