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

.deslizable {
    position: -webkit-sticky; /* Para compatibilidad con Safari */
    position: sticky;
    top: 20px; /* Distancia desde arriba donde quieres que se detenga. Ajústalo si tienes un menú superior fijo. */
}

.columna {
    padding: 10px;
}

.columna_centrada {
    width: 1300px;
    min-width: 1300px;


}

/* Aplicación del efecto Sticky a la columna lateral de escritorio */
.columna_lateral {
    width: 400px;

}

.columna_780 {
    width: 780px;
}

.columna_900 {
    width: 900px;
}

.columna_400 {
    width: 400px;
 
}


.columna_500 {
    width: 500px;
 
}

.columna_620 {
    width: 620px;
 
}

/* 3. LA COLUMNA DE LAS CHICAS (La que hace scroll largo) */
.columna_300 {
    width: 300px;
    /* Esta columna NO necesita sticky, porque queremos que fluya y haga scroll normal con la página */
    display: flex;
    flex-direction: column;
    gap: 15px;
    /* Espacio vertical entre las tarjetitas chicas */
}

.columna_340 {
    width: 340px;
}

.columna_340b {
    width: 340px;
    /* Esta columna NO necesita sticky, porque queremos que fluya y haga scroll normal con la página */
    display: flex;
    flex-direction: column;
    gap: 15px;
    /* Espacio vertical entre las tarjetitas chicas */
}

.columna_280 {
    width: 280px;
}

.columna_50p {
    width: 50%;
}

.columna_33p {
    width: 33%;
}

.columna_25p {
    width: 25%;
}