.carrousel-container {
    padding: 0rem;
}

.vehicle-info-container > div >div{
    border-radius: 10px;
    padding: 1rem;
}
.vehicle-info-container > table{
    font-size: 1.1rem;
}

table {
    padding: 0rem 0rem;
    width: 100%;
    border-collapse: collapse;
}

table th, table td {
    text-align: left !important; /* Centra el contenido horizontalmente */
    vertical-align: middle !important; /* Centra el contenido verticalmente */
}

td {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    
}

td:nth-child(2), th:nth-child(2) {
    border-left: 1px solid #ccc;
  }

td strong {
    font-weight: bold;
}

table td:first-child {
    width: 50%;
}

table td:last-child {
    width: 50%;
    text-align: right;
}

.table-info {
    padding: 1rem !important;
}

.price {
    font-size: 1.8rem;
}

/* Estilos para el aside y las imágenes en miniatura */
aside {
    padding-right: 0;
    overflow-y: scroll;
}

.img-preview {
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px;
}

.img-preview:hover {
    opacity: 0.8;
}

.vehicle-description > div{
    padding: 1rem;
    border-radius: 10px;

}

.vehicle-description-text{
    font-size: 1.1rem;
}

.etiqueta-eco-container{
    margin-top: 2rem;
    font-size: 1.2rem;
}

.vehicle-title{
    font-size: 1.6rem;
}




.etiqueta-eco-symbol {
    padding: 0.1rem 0.6rem;
    font-weight: bold;
    border-radius: 100%;
    font-size: 1.4rem;
    color: white;
}

/* Clase para Eco (mitad verde, mitad azul) */
.etiqueta-eco-eco {
    background: linear-gradient(to right, green 50%, blue 50%);
}

/* Clase para C (verde) */
.etiqueta-eco-c {
    background-color: green;
}

/* Clase para B (amarillo) */
.etiqueta-eco-b {
    background-color: yellow;
    color: black; /* Ajusta el color del texto si es necesario */
}

/* Clase para 0 Emisiones (azul) */
.etiqueta-eco-0 {
    background-color: blue;
}


/*! FORMULARIO*/
form {
    margin: auto;
    /* border: 1px solid #ccc; */
    border-radius: 10px;
    padding: 20px;
}

.form-control {
    border-radius: 10px;
}


.btn-outline-dark {
    border: 2px solid #000;
}

.form-check-label a {
    color: #000;
    text-decoration: underline;
}

#alertContainer {
    display: none;
}