/* Estilos generales */
body { background: #f4f6f9; }
.navbar-brand-custom { color: #fff; }
.card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.05); border-radius: 12px; }
.btn-brand:focus, .btn-brand:active { box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); }
.form-control, .form-select { border-radius: 10px; }
.btn { border-radius: 10px; }

/* Responsive en móvil: inputs más grandes para dedo */
@media (max-width: 576px) {
    .form-control-lg, .btn-lg { font-size: 1.1rem; }
    h1.h4 { font-size: 1.15rem; }
    .table td, .table th { font-size: .85rem; }
}

/* Preview de foto */
#fotoPreview { max-height: 320px; object-fit: contain; width: 100%; background: #eee; }

/* Range gasolina coloreado */
input[type=range].form-range { accent-color: var(--brand, #0d6efd); }