.container-form {
    text-align: center;
    align-items: center;
    padding: 20px;
    /* border: 2px solid#f2fa09; */
    /* background-color: black; */
    width: 90%;
    max-width: 500px;
    margin: 20px auto; /* Auto para centrar horizontalmente */
    margin-top: 20px; /* Si quieres mantener el margen superior */
    box-sizing: border-box;
    /* animation: up-down 2s ease-in-out infinite alternate-reverse both; */
}

.hero .animated{
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

.form{
    padding-top: 100px;
}
.txt_marcaymodelo{
    color:rgb(255, 255, 255);
    font-size: 20px;
    padding: 0.8rem;
    font-weight: 400;
    font-family: Inter;
}


h1 {
    color: #ff0000;;
    font-size: 24px;
    margin-bottom: 20px;
    font-family: Inter;
    text-align: center;
}

.form-group {
    margin-bottom: 20px;
}
.container-form {
    padding: 20px;
}
.resized-image {
    max-width: 100%;
    height: auto;
}

select, input[type="text"] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

button {
    background-color: rgb(0, 0, 0);
    color: #ff0000;;
    padding: 10px 20px;
    border: 2px solid #ff0000;;
    font-size: 18px;
    cursor: pointer;
    /* transition: -background-color 0.3s, color 0.3s;  */
}

button:hover {
    background-color: #ff0000;;
    color: black; /* Cambia el color del texto a blanco */
}

.result {
    /* background-color: rgb(7, 7, 7); */
    color: rgb(255, 250, 250);
    padding: 0px;
    margin-top: 10px;
    font-size: 16px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: left;
    display: none;
}
.align-items-center {
    display: flex;
    align-items: center;
    padding-top: 0px;
}
.resized-image2 {
    max-width: 150px; /* Establece el ancho máximo de la imagen */
    height: auto; /* Permite que la altura se ajuste proporcionalmente */
    display: block; /* Asegura que la imagen se comporte como un bloque */
    margin: 0 auto; /* Centra la imagen horizontalmente */
}
#result {
    margin-right: 10px;
}
@media (max-width: 600px) {
    nav h1 {
        font-size: 20px;
    }

    nav a {
        font-size: 14px;
        padding: 8px 16px;
    }

    nav button {
        padding: 8px 16px;
        font-size: 14px;
        display: block; /* Mostrar el botón en pantallas pequeñas */
    }

    /* Ocultar los enlaces del menú en pantallas pequeñas */
    .nav-links {
        display: none;
    }
}

#label4 {
    /* background-color: white; */
    color: white;
    padding: 10px;
    margin-bottom: 5px;
    margin-top: 20px;
    font-size: 16px;
    text-align: left;
    font-family: centuri;
    /* border: 2px solid rgb(239, 43, 4); */
    border-radius: 5px;
}

