/* Establecer el fondo verde (#13a538) y el color de texto blanco con la fuente Gotham Black */
@font-face {
    font-family: "Gotham Bold";
    font-display: swap;
    src: url("fonts/GothamBold.otf") format("opentype")
}

@font-face {
    font-family: "Gotham Black";
    font-display: swap;
    src: url("fonts/GothamBlack.otf") format("opentype")
}

@font-face {
    font-family: "Gotham Book";
    font-display: swap;
    src: url("fonts/GothamBook.ttf") format("truetype")
}

@font-face {
    font-family: "Gotham Medium";
    font-display: swap;
    src: url("fonts/GothamMedium.ttf") format("truetype")
}

html{
    background-image: linear-gradient(180deg,#13a538 0%,#1caa3f 98%);
}
body {
    /*background-color: #13a538;*/
    background-image: linear-gradient(180deg,#13a538 0%,#1caa3f 98%);
    color: white;
    font-family: "Gotham Black", sans-serif;
    min-height: 100vh;
    
}

.txtVerde{
    color: #82CD47;
}

.txtGris{
    color: #5b5b5b;
}

#header{
    background-color: #ffffff;
}

#imgHeader{
    max-width: 300px;
}

/* Centrar todo vertical y horizontalmente */
#container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

/* Ajustar el ancho del formulario */
#form-container {
    width: 450px;
}

.form-label {
    color: #82CD47;
    font-weight: 900;
}

.form-check-label{
    color: #82CD47;
    font-weight: 200;
    font-family: 'Gotham Book',Helvetica,Arial,Lucida,sans-serif;
}
.txtFino{
    font-weight: 200;
    font-family: 'Gotham Book', Helvetica, Arial, Lucida, sans-serif;
}

#respuesta{
    min-width: 400px;
}