.container-post {
    display: flex;
    flex-direction: column; /* Permite que cada versión esté una debajo de la otra */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    width: 80%;

}
@media screen and (max-width: 950px) {
    .container-post{
        width: 100%;
        padding: 0;
    }
}


/* Estilos para la versión 1 (imagen a la derecha) */
.postInfoV1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}

.postITV1 {
    display: flex;
    flex-direction: row;
    gap: 24px; /* Espacio entre texto e imagen */
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.postTextoV1 {
    flex: 1;
}

.postTituloV1 {
    font-family: "Optima";
    font-size: 32px;
    font-weight: 700;
    color: #184046;
}

.postDescripcionV1 {
    font-family: "Optima";
    padding-top: 15px;
    font-size: 18px;
    line-height: 1.5;
    color: #585858;
    text-align: justify;
}

.postImgV1 {
    flex-shrink: 0;
}

.postImagenV1 {
    width: 250px;
    height: 250px;
    border-radius: 20px;
    object-fit: cover;
}

/* Estilos para la versión 2 (imagen a la izquierda) */
.postInfoV2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}

.postITV2 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.postTextoV2 {
    flex: 1;
}

.postTituloV2 {
    font-family: "Optima";
    font-size: 32px;
    font-weight: 700;
    color: #184046;
}

.postDescripcionV2 {
    font-family: "Optima";
    padding-top: 15px;
    font-size: 18px;
    line-height: 1.5;
    color: #585858;
    text-align: justify;
}

.postImgV2 {
    flex-shrink: 0;
}

.postImagenV2 {
    width: 250px;
    height: 250px;
    border-radius: 20px;
    object-fit: cover;
}
@media screen and (max-width: 720px) {
    .postITV1, .postITV2 {
        flex-direction: column; /* Apila texto e imagen verticalmente */
        align-items: center; /* Centra los elementos verticalmente */
    }

    .postTextoV1, .postTextoV2 {
        order: 1; /* Asegura que el texto quede primero */
        text-align: center; /* Opcional: centra el texto en pantallas pequeñas */
    }

    .postImagenV1, .postImagenV2 {
        order: 2; /* Asegura que la imagen quede después del texto */
        margin-top: 20px; /* Añade espacio entre el texto y la imagen */
    }
}