/* Estilos adicionales para personalizar el sitio */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #f8f9fa; /* Color de fondo gris claro */
}

/* Colores y elementos de la marca */
.navbar-brand {
    font-weight: bold;
}

.bg-dark {
    background-color: #212529 !important; /* Color oscuro para la barra de navegación y el pie de página */
}

.btn-primary {
    background-color: #dc3545; /* Rojo vibrante, color de repuestos o alerta */
    border-color: #dc3545;
}

.btn-primary:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

/* Ajustes para el carrusel */
.carousel-item img {
    height: 70vh; /* Altura del carrusel */
    object-fit: cover; /* Asegura que la imagen cubra todo el espacio sin distorsionarse */
}

/* Ajustes para las tarjetas (cards) */
.card-img-top {
    height: 200px;
    object-fit: contain; /* Asegura que la imagen del repuesto se vea completa */
    padding: 10px;
}