main{
    padding-bottom: 200px;
}

#nosotros{
    padding-top: 120px;
}

.contenido{
    padding: 0px 170px;
    padding-bottom: 150px;
}
.contenido p{
    line-height: 1.4;
    font-size: 21px;
    color: #1D1D1F;
}

.contenido h1{
    margin-bottom: 20px;
    font-size: 42px;
}

.contenido li{
    padding-bottom: 20px;
}

.contenido ul{
    padding-right: 20px;
    padding-left: 20px;
}

/* Estilo para la imagen de fondo */
.background {
    width: 100%;
    height: 500px; /* Limitar la altura */
    background: url('/public/images/team.webp') no-repeat center center;
    background-size: cover; /* Asegura que la imagen cubra todo el ancho */
}

.mision, .vision, .valores{
    background-color: white;
    border-radius: 25px;
    padding: 27px;
}

.contenedor-mv {
    display: flex;
    flex-direction: column;
    
    /* justify-content: space-between;
    align-items: flex-start; */
}

.mision-vision {
    display: flex;
    justify-content: space-between;
    padding-bottom: 150px;
}

.mision {
    flex: 1;
    margin-right: 27px;
    
}

.vision{
    flex: 1;
}

.valores {
    padding-left: 20px;
}

.mision img{
    /* align-items: center; */
    text-align: center;
}
.gifs{
    display: block;
    max-width: 100%;
    height: auto;
    /* text-align: center; */
}

.gif-container {
    position: relative;
    overflow: hidden;
}

@media (max-width: 768px){
    main{
        padding-bottom: 200px;
    }

    .contenido{
        padding-left: 22px;
        padding-right: 22px;
        padding-bottom: 90px;
    }

    #nosotros{
        padding-top: 50px;
    }

    .contenedor-mv {
        display: flex;
        flex-direction: column; /* Apilar verticalmente todos los elementos */
        align-items: stretch; /* Asegura que cada elemento ocupe todo el ancho */
    }

    .mision-vision{
        display: flex;
        flex-direction: column;
        padding-bottom: 90px;
    }

    .mision{
        margin: 0px;
        margin-bottom: 27px;
    }

    .mision, .vision, .valores {
        flex: none; /* Elimina el comportamiento de altura compartida */
        /* margin-bottom: 20px; */
        padding-left: 20px;
        padding-right: 20px;
    }

    .valores {
        margin-bottom: 0; /* Elimina el margen inferior del último elemento */
    }
}