.boton {
    
	padding: 7px;
        margin: 10px;
        border: 2px solid white;
        background: linear-gradient(135deg, #136bc2 0%, #30a0d2 100%);
        color: white;
        border-radius: 8px;
        font-weight: 600;
        cursor: pointer;
        transition: transform 0.2s, box-shadow 0.2s;
        
}

#modalConfirmacionBody {

	display: grid;

	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;

	grid-template-areas: 

		"cuerpo cuerpo"
		"btnSi btnNo"
	;

}

#btnModalNo {
	grid-area: btnNo;
}

#btnModalSi {
	grid-area: btnSi;
}

#modalConfirmacionMensaje {
	grid-area: cuerpo;
}

.btn-close {
	display: none;
}
.contenedorFlotanteParaQR {

    top: 10vh;
    left: 10vw;
    position: fixed;
    width: 80vw;
    height: 80vh;
    z-index: 9999;
    background-color: white;
    border: 2px solid black;
    
    display:grid;
    
    grid-template-rows: 1fr 3fr 1fr;
    grid-template-columns: 1fr 2fr 1fr;
    
    grid-template-areas:
        "header header cruz"
        ". qr ."
        ". btn ."
	;
    
}

.contenedorFlotanteParaQR {
	font-size: 40px;
	gap: 10px;
	padding: 40px;   
	border-radius: 8px;
}

.contenedorFlotanteParaQR p {
 
	grid-area: header;
	width: 100%;
	height: 100%;
	min-height: 0;
}

.contenedorFlotanteParaQR input {
	padding: 15px;
	grid-area: btn;
        width: 100%;
	height: 100%;
	min-height: 0;
}

.contenedorFlotanteParaQR .imgQR {

	grid-area: qr;
	width: 100%;
	height: 100%;
	object-fit: contain;
	min-height: 0;
}

.contenedorFlotanteParaQR .imgCruz {

	display:block;
	margin-left: auto;
	grid-area: cruz;
	width: 40px;
	height: 40px;
	object-fit: contain;
	min-height: 0;

}

.contenedorDeCodigoPara2FA {

    top: 10vh;
    left: 10vw;
    position: fixed;
    width: 80vw;
    height: 80vh;
    z-index: 9999;
    background-color: white;
    border: 2px solid black;
    border-radius: 8px;
    
    display:grid;
    
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 2fr 1fr;
                                                                 
    grid-template-areas:
        ". texto cruz"
        ". campo ."       
        ;
    
    padding: 10px;
    padding-bottom: 200px;
        
}

.contenedorDeCodigoPara2FA p {
    font-size:40px;
    grid-area: texto;
    display: flex;
    align-items: center;
    text-align: center;
    min-height: 0;

}

.contenedorDeCodigoPara2FA img {
    margin-left: auto;
    margin-top: 0;
    grid-area: cruz;
    object-fit: contain;
    min-height: 0;
    width: 40px;
    height: 40px;

}

.contenedorDeCodigoPara2FA input {
    font-size: 128px;
    grid-area: campo;
    width: 100%;
    min-height: 0;

}