@font-face {
    font-family: 'founders';
    src: url('../fuente/founders.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mono';
    src: url('../fuente/Mono.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: Calibri;
    font-weight: 400;
    font-size: 12pt;
    font-style: normal;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p{
    color: #1E2842;
}

.contenedor {
    background-color: #F6F4EE;
    animation: 0.5s;
    height: 100vh;
}


#resultado {
    position: relative;
    top: -100;
    background-color: #F6F4EE;
    color: #1E2842;
    display: block;
    width: 0.1px;
    height: 0.1px;
    z-index: -100;
    overflow: auto;
}


#tituloF {
    font-weight: bold;
    font-size: 60pt;
    font-family: Mono;
    color: white;
}

.titulo {
    background-color: #1E2842;
}

input[type="checkbox"]:checked{
    background-color: #F25555;
    border-color: #F25555;
}

input[type="radio"]:checked {
    background-color: #F25555;
    border-color: #F25555;
}

.titulo p{
    color: #F6F4EE;
}

.modal p {
    color: #1E2842;
}

.importante{
    color: #F25555;
}

#emailHelp{
    color: #F25555;
}

#Encontrado {
    color: #6F816A;
}

#NoEncontrado, #Obien {
    color: #1E2842;
}


p, label{
    color: #000;
}

.form-floating label{
    color: #1E2842;
}

#tarjetaMarca {
    background-color: white;
}
    
#tarjetaMarca img {
    width: 10em;
    margin: 0 auto;
}


#confirmar label, #confirmar p {
    color: #1E2842;
}

.pregunta {
    color: #F25555;
}

.btn {
    background-color: #6F816A;
    border-color: #6F816A;
    color: #fff;
}

    .btn:hover {
        background-color: #586754;
        border-color: #586754;
        color: #fff;
    }

button.btn:active,
button.btn:target,
button.btn:active:focus {
    background-color: #4d5a4a;
    border-color: #4d5a4a;
    color: #fff;
}

button.btn:disabled {
    background-color: #9A9A9A;
    border-color: #586754;
    color: #fff;
}


.btn.cerrar {
    background-color: #2e3d65;
    border-color: #2e3d65;
    color: #fff;
}

    .btn.cerrar:hover {
        background-color: #1e2842;
        border-color: #1e2842;
        color: #fff;
    }

button.btn.cerrar:active,
button.btn.cerrar:target,
button.btn.cerrar:active:focus {
    background-color: #263354;
    border-color: #263354;
    color: #fff;
}

.marcaAlerta {
    max-width: 100%;
    width: 150px;
    height: auto;
    margin: 0 auto;
}

#exitoFactura span {
    background-color: #1E2842;
}

#aviso img {
    max-width: 1920px;
    width: 100%;
}

@media screen and (max-width: 600px) {
    #aviso img {
        max-width: 600px;
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    #aviso img {
        max-width: 1024px;
        width: 100%;
    }
}