/* FUENTE MONTSERRAT */
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/static/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/static/Montserrat-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/static/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/static/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Añade más @font-face según las variantes que necesites */

/* APLICAMOS FUENTE MONTSERRAT A TODO EL SITIO */
body {
    font-family: 'Montserrat', sans-serif;
}


/* ESTILOS PARA IMAGENES DEL LOGIN */
@keyframes scroll {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 100% 0;
	}
}

.bg-change {
	height: 100vh;
	transition: opacity 1.5s ease-in-out;
	animation: scroll 22s linear infinite;
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
}

.image1 {
    background-image: url('../../images/login_bg1.jpg');
    opacity: 1;
}

.image2 {
    background-image: url('../../images/login_bg2.jpg');
}

.fondo-simple{
    background-image: url('../../images/bg-rp.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}

#password {
    -webkit-text-security: disc;
}

.bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('../../svg/bg-login-base.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}