:root {
    --color-suave: RGB(3, 191, 137) !important;
    --color-oscuro: RGB(3, 77, 56) !important;
    font-family: AkragesFont, Arial, Verdana, sans-serif;
}


#imagenPopup{
	background-image:url("../../imagenes/next_fondo_plataforma1.jpeg");
	background-repeat: repeat;
    background-size: contain;
    background-position: center;
}


.texto-cabeceras, .table th, .table td {
	color: black;
}	

/* LOGIN DEL FORMULARIO */




.cuerpoLoginNext {
    background-image: url("../../imagenes/next_fondo_plataforma.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #b0f5de;
    min-height: 100vh;
}

.login-next {
    font-family: AkragesFont, Arial, Verdana, sans-serif;
    position: absolute;
    background-color: transparent;
    left: 35%;
    /* top: 35% !important; */
    top: 10% !important;
    padding: 20px;
    width: 30%;
    border-color: var(--color-suave);
    /* border-radius: 45px; */
    border-style: solid;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* TEXTO GRANDE */
.texto-grande-Next {
    font-size: 2.3rem;
    font-weight: 300;
    letter-spacing: 0.1rem;
    color: var(--color-suave);
}

/* BOTONES TRIANGULO */
.login-next .boton_gris_oscuro > .triangulo_izquierda {
    border-right-color: var(--color-oscuro);
}

.login-next .boton_gris_oscuro > .texto_boton {
    background-color: var(--color-oscuro);
    color: white;
}

.login-next .boton_gris_oscuro > .triangulo_derecha {
    border-left-color: var(--color-oscuro);
}

/* FORMULARIO */
.CuerpoFormulario-Next {
    padding-bottom: 20px;
    justify-items: center;
}

.Label-Next {
    color: black;
    font-size: 1.4rem;
    justify-self: center;
}

.Label-Next-mediana {
    color: black;
    font-size: 1rem;
    justify-self: center;
}

.login-next .camposForm > li > div > input[type=text],
input[type=password] {
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}





/* BOTÓN*/
.boton-Next {
    display: block;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: var(--color-suave);
    color: #fff;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    justify-self: center;
    
}

																 		/* --------RESPONSIVE ---------- */

/* TABLET */
@media (max-width: 1024px) {
  
  
	
    .login-next {
    
        position: static;
        width: 75%;
        margin: 20px auto;
        padding: 15px;
        border-width: 1px;
    }

    .texto-grande-Next {
        font-size: 1.4rem;
        text-align: center;
    }

    .Label-Next {
        font-size: 1.2rem;
        text-align: center;
        justify-self: center;
        
    }

    .cuerpoLoginNext {
   		background-image: url("../../imagenes/logo_next_negro.png");
    	background-repeat: no-repeat;
    	background-position: center top;
    	background-size: auto;
        margin-top: 40%;
        align-items: center;
        min-height: 10vh;
    }
}

/* MÓVIL */
@media (max-width: 650px) {
	
	.cuerpoLoginNext {
	    background-image: url("../../imagenes/next_fondo_movil.jpg");
	    background-repeat: no-repeat;
	    background-position: center top;
	    background-size: cover;
	    min-height: 30vh;
	    margin-top: 40%;
    
	}
	
    .login-next {    
        position: static;
        width: 90%;
        margin: 20px auto;
        padding: 15px;
        border-width: 0px;
    }

    .texto-grande-Next {
        font-size: 1.4rem;
        text-align: center;
    }

    .Label-Next {
        font-size: 1.2rem;
        text-align: center;
        justify-self: center;
        
    }

    .cuerpoLoginNext {
        align-items: center;
    }
    

}