body, html, .app {
    min-height: 100vh;
    margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size:1rem;
}


body {
    background: linear-gradient(to bottom, #6fb6b3, #e7f0f0);
    position: relative; /* Necesario para el pseudo-elemento */
}

body::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    min-height: calc(100% - 40px);
    background: url('/public/custom-img/MediaCupula.svg') no-repeat left;
    background-size: contain;
    z-index: 0;
    pointer-events: none; /* Asegura que el pseudo-elemento no interfiera con la interacción */
}

#FormLogin #DNI {
		margin-bottom: -1px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
}
#FormLogin #PASS {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#FormLogin .form-floating:focus-within {
	z-index: 2;
}