.encolumnado {
    display: flex;
    align-items: flex-start; /* Permite que cada columna mantenga su propia altura */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.columna {
    padding: 10px;
}

.columna_centrada {
    width: 1200px;
    min-width: 1200px;
    background-color: #fff;

}

/* Aplicación del efecto Sticky a la columna lateral de escritorio */
.columna_lateral {
    width: 400px;
    position: -webkit-sticky; /* Soporte para Safari */
    position: sticky;
    top: 80px; /* Ajusta según la altura de tu sticky-nav para que no se solapen */
    height: fit-content; /* Evita que la columna se estire hasta el fondo del padre */
    padding-bottom: 20px;
}

.columna_780 {
    width: 780px;
}

.columna_400 {
    width: 400px;
    position: -webkit-sticky;
    position: sticky;
    /* Efecto anclado al final */
    align-self: flex-end; 
    bottom: 20px; /* Margen inferior para que no toque el borde exacto */
    height: fit-content; 
    padding-top: 20px;
}

.columna_500 {
    width: 500px;
}

.columna_280 {
    width: 280px;
}

.columna_50p {
    width: 50%;
}

.columna_33p {
    width: 33%;
}

.columna_25p {
    width: 25%;
}