body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa; /* Light gray background */
}

.container {
    max-width: 800px; /* Adjusted max width for simpler layout */
    background-color: #ffffff; /* White background for content */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

h1, h2, h3, h4 {
    color: #343a40; /* Dark gray for headings */
}

h1 {
    color: #007bff; /* Primary blue for main title */
}

.form-label {
    font-weight: 500;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.list-group-item span.fw-bold {
    color: #007bff; /* Blue for result values */
}

/* Custom styling for total rows */
.list-group-item.bg-light strong, .list-group-item.bg-light span.fw-bold {
    color: #212529; /* Ensure text is readable on light background */
}

/* Styles for results section */
#resumenCalculo h4 {
    color: #343a40;
}

#resumenCalculo .list-group-item {
    background-color: #fff; /* White for list items for better contrast */
    border-color: #e9ecef; /* Lighter border for list items */
}
#resumenCalculo .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
#resumenCalculo .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}


@media (max-width: 767px) {
    h1 {
        font-size: 1.8rem;
    }
    .form-label {
        font-size: 0.9rem;
    }
    .btn {
        font-size: 0.9rem;
        padding: 0.3rem 0.6rem;
    }
}