body {
            background-color: #f8f9fa; /* Color de fondo */
        }
        .container1 {
            max-width: 850px; /* Ancho máximo del contenedor */
            margin: 50px auto; /* Margen superior e inferior automático, centrado horizontal */
        }
        h1 {
            color: #FF0000; /* Color rojo para el título */
        }
        .form-group label {
            color: #FF0000; /* Color rojo para las etiquetas */
        }
        /* Estilos para el botón */
        .btn-primary {
            background-color: #FF0000; /* Color de fondo rojo */
            border-color: #FF0000; /* Color del borde rojo */
        }
        .btn-primary:hover {
            background-color: #dc3545; /* Color de fondo rojo oscuro al pasar el mouse */
            border-color: #dc3545; /* Color del borde rojo oscuro al pasar el mouse */
        }
        .btn-primary:active {
            background-color: #dc3545; /* Color de fondo rojo oscuro al pasar el mouse */
            border-color: #dc3545; /* Color del borde rojo oscuro al pasar el mouse */
        }
        .jumbotron {
            background-color: #f2f2f2; /* Color de fondo del jumbotron */
            color: white; /* Color del texto del jumbotron */
            

        }
        .jumbotron h1{
          font-weight: 600;

        }
        .jumbotron p{
            color: #000; /* Color del texto del jumbotron */
            font-weight: 500;

            
        }
        .footer-links a {
  color: white;
  text-decoration: none;
}
.footer-links a:hover {
  color: #cccccc; /* Cambiar el color al pasar el ratón */
}

.footer .copyright {
  background-color: black;
  color: white;
  padding: 10px 0; /* Ajusta el espaciado superior e inferior según sea necesario */
}
.form-group label {
            color: #FF0000; /* Color rojo para las etiquetas */
        }
    
/* Estilos personalizados para las tarjetas de vehículos */
.card-vehiculo {
    background-color: #f8f9fa; /* Color de fondo */
    border: 1px solid #ced4da; /* Borde */
    border-radius: 10px; /* Radio de borde */
    transition: box-shadow 0.3s ease-in-out; /* Transición de sombra */
}

.card-vehiculo:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); /* Sombra al pasar el mouse */
}

.card-vehiculo .card-body {
    padding: 20px; /* Espaciado interno */
}

.card-vehiculo .card-title {
    color: #dc3545; /* Color del título */
    font-size: 1.2rem; /* Tamaño del título */
    font-weight: bold; /* Peso del título */
    margin-bottom: 15px; /* Margen inferior */
}

.card-vehiculo .card-text p {
    margin-bottom: 10px; /* Margen inferior entre párrafos */
}

.card-vehiculo .card-text p strong {
    font-weight: bold; /* Texto en negrita */
    color: #343a40; /* Color del texto */
}
#buscarBtn{
    background-color: #FF0000;
    border: none;
}


.banner-container{
    background-size: cover;
    height: 72vh; 
    display: flex
  }
  
  @media (max-width: 768px) {
    .banner-container {
      height: 17vh; /* Altura de 35vh en dispositivos móviles */
      background-size: cover;
    }
  }
  
  @media (max-width: 768px) {
     h1.display-4 {
      font-size: 2rem; /* Define un tamaño de fuente más pequeño para dispositivos móviles */
    }
  }