.header{
    background-color: black;
    color: white;
}

 footer {
    color: white;
}


.botonForm{
    margin-top: 10px;
}
.carrouselInicio{
    /* border: 1px solid black; */
    width: 700px;
    height: 500px;
    margin: 0 auto;
}


.imgCarrousel{
    max-width: 500px;
    max-height: 400px;
    margin: 0 auto;
}
.inicioSesion, .registro{
    border: 1px solid black;
    border-radius: 20px;
    padding: 10px;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 50px;
}


.imagenLista{
    /* width: 130px; */
    /* height: 75px ;
    border-radius: 3px; */
    height: 75px;          /* altura fija para uniformidad */
    width: auto;           /* ancho automático para mantener proporción */
    max-width: 100%;       /* no superar el contenedor (responsive) */
    object-fit: contain;   /* mantiene la proporción, ajustando dentro del espacio */
    border-radius: 3px;    /* bordes redondeados */
    display: block;        /* evita espacios extra alrededor de la imagen */
    margin: 0 auto; 
}

.listaModelos{
    margin: 30px;
}


.imagenVariantes{
    max-width: 200px;
    max-height: fit-content;
}


.mostrarModelo{
    max-width: 60%;
    max-height: fit-content;
}


.card{
    margin-top: 10px;
    border: 1px solid #e22a25;
}

.card-header{
    background-color: black;
    color: white;  
}

.boton-form{
    background-color: #e22a25;
    border: 1px solid #e22a25;
}



.carrousel-container {
    max-width: 600px;
    margin: 2rem auto; /* centrado horizontal + margen vertical */
    text-align: center;
}

/* Imágenes del carousel */
.carrousel-container .carousel-inner img {
    height: 400px;        /* altura fija para todas las imágenes */
    object-fit: contain;   /* mantiene proporción sin recortar */
    width: 100%;           /* ocupa todo el ancho del carousel */
}


.custom-link {
    color: #fefefe !important; /* color principal del enlace */
}

.custom-link:hover {
    color: #e22a25 !important; /* color al pasar el mouse */
}