/* RESET */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* estilos de h1 */

header{
    display: flex;
    background-color:  rgb(85, 93, 96);
}

header img{
width: 50%;
}
li{
margin-right: 15px; /* Espacio entre los elementos */
}

a{
text-decoration: none;

}
h2{
    background-color: rgb(253, 209, 114);
}

h6{
    background-color: rgb(102, 102, 102);
    color: white
}
.servicios{
    background-color: rgb(165, 22, 22);
    font-size: large;
    font-weight: bold;
}
.productos{
    background-color: rgb(121, 236, 14);
    font-size: large;
    font-weight: bold;
}
.reparaciones{
    background-color: rgb(165, 22, 22);
    font-size: large;
    font-weight: bold;
}
/*h3{
    background-color: rgb(165, 22, 22);
}*/

.bloque, .servicios{
    width: 150px;
    height: 20px;
    margin-top: 20px;
}

.bloque, .reparaciones{
    width: 150px;
    height: 20px;
    margin-top: 20px;
}
.bloque, .pie{
    position: absolute;
    top: 80%;
   /* left: 50%;*/
  /*  transform: translate(-50%, -50%);*/
    width: 100%;
    height: 10px;
    margin-top: auto;
}
h6 {
    position: relative;
  }

  ol {
    margin-left: 40px; /* Margen para asegurar la indentación */
    font-weight: bold;
}

ol ol { /* Aplica más margen a las listas anidadas */
    margin-left: 40px;
    font-weight:normal;
}

<style>
* {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
  }
  
  .columna {
    border: 1px solid#000;
    float: left;
    width: 20%;
    padding-right: 5px;
  }
  
  .fila::after {
    content: "";
    clear: both;
    display: table;
  }

  .imagen-tamaño-uniforme {
    width: 150px;
    height: 150px;
    object-fit: contain; /* Mantiene la imagen dentro del área sin recortar */
    
}