section.sixcols {
    display: grid;
    grid-template-columns: repeat(8, 1fr); /* 8 columnas de igual tamaño */
    gap: 10px; /* Espacio entre los divs */
    justify-content: center; /* Alinea las columnas al centro horizontal */
}

.twocols {
    display: flex; /* Alinea los elementos en fila */
    justify-content: space-between; /* Espacio uniforme entre columnas */
    align-items: flex-start; /* Alinea las columnas arriba */
    gap: 10px; /* Espacio entre las columnas */
    width: 100%; /* Ocupar todo el ancho disponible */
    max-width: 100vw; /* Evita que el contenido se desborde */
    box-sizing: border-box; /* Mantiene el tamaño correcto sin afectar padding */
}

.centrado2 {
    display: flex;
    flex-direction: column; /* Organiza los elementos verticalmente */
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    padding-top: 30px;
    overflow-y: auto; /* Activa el scroll solo cuando sea necesario */
    max-height: 80vh; /* Limita la altura para habilitar el scroll si el contenido excede */
    min-height: 80vh; /* Asegura que la columna tenga al menos el alto de la pantalla */
}

.centrado2 h1 {
    margin: 0; /* Elimina márgenes adicionales en el encabezado */
}

.centrado2 ol {
    padding-left: 20px; /* Ajusta el padding de la lista */
}

.centrado2 a {
    text-decoration: none; /* Asegura que los enlaces no tengan subrayado */
}

.twocols > section:first-child {
    flex: 1; /* Ocupa un tercio del espacio */
    max-width: 33.33%;
    background-color: rgb(245, 245, 245);
    overflow-y: auto; /* Permite el scroll dentro de esta sección */
    padding-right: 10px; /* Añade un poco de espacio en la derecha si es necesario */
    padding: 15px; /* Añade espacio interno */
}

.twocols > section:last-child {
    flex: 2; /* Ocupa dos tercios del espacio */
    max-width: 66.66%;
    background-color: rgb(245, 245, 245);
    padding: 15px; /* Añade espacio interno */
    
}

.twocols5050 {
    display: flex; /* Alinea los elementos en fila */
    justify-content: space-between; /* Espacio uniforme entre columnas */
    align-items: flex-start; /* Alinea las columnas arriba */
    gap: 10px; /* Espacio entre las columnas */
    width: 100%; /* Ocupar todo el ancho disponible */
    max-width: 100vw; /* Evita que el contenido se desborde */
    box-sizing: border-box; /* Mantiene el tamaño correcto sin afectar padding */
}

.twocols5050 > section:first-child {
    flex: 1;
    max-width: 60%; /* Ocupa la mitad de la pantalla */
    background-color: rgb(245, 245, 245);
    overflow-y: auto; /* Permite el scroll dentro de esta sección */
    padding-right: 10px; /* Añade un poco de espacio en la derecha si es necesario */
    padding: 15px; /* Añade espacio interno */
}

.twocols5050 > section:last-child {
    flex: 2;
    max-width: 40%; /* Ocupa la mitad de la pantalla */
    background-color: rgb(245, 245, 245);
    /* padding: 15px; Añade espacio interno */
    
}