.container {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: left;
    gap: 40px;
}

.container-volver {
    width: 18%;
    display: flex;
    padding-left: 40px;
    padding-bottom: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}


.container-volver p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: lighter;
    font-size: 16px;
    text-align: left;
}

.container-volver p:hover {
    font-weight: bolder;
}

.banner-articulo {
    height: 300px;
    padding: 15px 20px;
    padding-top: 10px;
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(1, 44, 95, 0.70) 0%, rgba(1, 44, 95, 0.70) 100%), url(/img/imagenarticulo1.png), lightgray 50% / cover no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

#articulo2{
    background: linear-gradient(0deg, rgba(1, 44, 95, 0.70) 0%, rgba(1, 44, 95, 0.70) 100%), url(/img/articulo2-1.jpg), lightgray 50% / cover no-repeat;

}

.banner-articulo,
.banner-articulo a,
.banner-articulo .descripcion p {
    color: #FFF;
}

.banner-articulo a{
    text-decoration: underline;
}

.contenido {
    width: 74%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contenido h1 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 42.72px;
    line-height: 58px;
    text-transform: uppercase;
}

.contenido small {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
}

.descripcion {
    display: flex;
    align-items: center;
    gap: 15px;
}

.descripcion-info p {
    width: 100%;
    height: fit-content;
    margin: 5px 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.descripcion-info small {
    width: 100%;
    height: fit-content;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: lighter;
    font-size: 16px;
    line-height: 18px;
}

.texto {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.texto p {
    /* P4-Montserrat */

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */

    text-align: justify;

    color: #000000;
}


.texto-imagen {
    padding: auto;
    margin: auto;
}

.texto-imagen h2,
h2 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 34.18px;
    line-height: 35px;
    margin-bottom: 10px;
    /* or 102% */

    text-transform: uppercase;

    color: #000000;
}

.texto-imagen--disposicion {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5%;
    justify-content: flex-start;
}

.texto-imagen p {
    width: 50%;
    display: inline;
    float: left;
    /* P4-Montserrat */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */

    text-align: justify;

    color: #000000;

}


.texto-imagen img {
    display: inline;
    float: left;
    width: 45%;
    height: auto;
}

#especial {
    height: 330px;
    width: auto;
}

.parrafo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}