body {
    background-color: #fafafa; /* Fondo blanco claro */
    font-family: 'Arial', sans-serif; /* Tipografía sencilla y moderna */
    margin: 0; /* Sin margen */
    font-size: 14px; /* Tamaño de fuente base */
}

.table {
    background-color: #ffffff; /* Fondo blanco para la tabla */
    border-radius: 5px; /* Esquinas redondeadas */
    overflow: hidden; /* Para esquinas redondeadas en la tabla */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Sombra más ligera */
    margin-bottom: 30px; /* Espacio inferior */
}

    .table th {
        background-color: #d3d3d3; /* Encabezado gris claro */
        color: #333; /* Texto gris oscuro */
    }

.cart-item {
    border-bottom: 1px solid #e0e0e0; /* Separación entre artículos del carrito */
}

    .cart-item:last-child {
        border-bottom: none; /* Sin borde en el último artículo */
    }

.btn-primary {
    background-color: #f5f5f5; /* Botón blanco suave */
    border: 1px solid #d3d3d3; /* Borde gris claro */
    color: #333; /* Texto gris oscuro */
    border-radius: 20px; /* Bordes redondeados */
    transition: background-color 0.3s; /* Transición suave */
}

    .btn-primary:hover {
        background-color: #e0e0e0; /* Color más oscuro al pasar el ratón */
    }

footer {
    background-color: #f0f0f0; /* Fondo gris claro para el footer */
    color: #333; /* Texto gris oscuro */
    text-align: center;
    padding: 20px 0; /* Espaciado vertical */
    position: relative;
    bottom: 0;
    width: 100%;
}