.lista-no-ordenada {
    list-style-type: square;
    list-style-position: inside;

    max-width: 500px;


    margin: 40px auto;

}


.lista-no-ordenada li {
    background: #f8f9fa;

    margin: 18px 0;
    padding: 20px;

    border-radius: 10px;
}



.lista-ordenada {
    max-width: 500px;

    margin: 40px auto;
    padding-left: 40px;


}

.lista-ordenada li {
    background: #fff3cd;

    margin: 18px 0;
    padding: 20px;
    border-radius: 8px;

    font-weight: 600;
}



.lista-imagenes {
   
    list-style-position: inside;

    max-width: 500px;
    margin: 40px auto;
}


.lista-imagenes li {
    background: #e3f2fd;
    margin: 20px 0;

    padding: 25px;


    border-radius: 12px;
    font-weight: 600;
}


section {

    margin: 80px 0;
    text-align: center;

}


section h2 {
    margin-bottom: 40px;
    color: #2c3e50;
}