/* Nosotros 🧐 xd */

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

img{
display: block;
max-width: 100%;
height: 4rem;
}

body{
font-family: "Times New Roman";
line-height: 1.4;
background-color: aquamarine;
color: #000;
}

.header img{
width: 100%;
height: 550px;
object-fit: cover;
}

.nav{
display: flex;
justify-content: center;
align-items: center;
gap: 25px;
padding: 14px 10px;
background: #0e6b57;
flex-wrap: wrap;
border: 2px solid #000;
}

.nav a{
text-decoration: none;
color: #fff;
font-weight: 700;
text-transform: uppercase;
padding: 10px 14px;
border-radius: 10px;
background: rgba(255,255,255,0.12);
transition: background 160ms ease, transform 160ms ease;
}

.nav a:hover{
background: rgba(255,255,255,0.22);
transform: translateY(-1px);
}

/* Parte de arriba principal de la web */

main > .nosotros-contenedor {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    padding: 1.5rem;
}

.nosotros-contenedor .bloqueA,
.nosotros-contenedor section:not(.bloqueA) {
    background-color: #000;
    color: #fff;
    border: 2px solid #fff;
    max-width: 700px;
    width: 100%;
    padding: 1.5rem;
    text-align: center;
}

.nosotros-contenedor h1 {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
}

.nosotros-contenedor p {
    font-size: 1rem;
    line-height: 1.6;
}

.diA, .diC, .diE {
    margin-bottom: 0.6rem;
}

.diB, .diD, .diF {
    opacity: 0.95;
}

@media (max-width: 600px) {
    .nosotros-contenedor h1 {
        font-size: 1.5rem;
    }

    .nosotros-contenedor p {
        font-size: 0.95rem;
    }
}

/* parte de abajo footer */

.footer{
margin-top: 40px;
padding: 18px 10px;
text-align: center;
background: #111;
color: #fff;
}

/* Fin de nosotros yupi */