/* Estilos CSS para la presentación de los productos */
.producto {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
    width: calc(25% - 20px); /* Ajusta el ancho para 4 cajas por línea */
    box-sizing: border-box;
    float: left; /* Coloca los productos en línea */
}
.titulo {
    font-weight: bold;
}
@media (max-width: 768px) {
    /* Ajusta los estilos para pantallas más pequeñas */
    .producto {
        width: calc(50% - 20px); /* 2 cajas por línea en dispositivos pequeños */
    }
}