/*Hoja de estilo general*/
body{
	font-family: Arial, sans-serif;
	background-color: #9D79F2;
	height: 100vh;/*ocupa toda altura visible del navegador*/
	justify-content: center;/*centra el contenido horizontalmente*/
	align-items: center;/*Centra el contenido Verticalmente*/
	display: flex;
}
/*Contenedor Principal*/
.contenedor{
	background-color: #7AA2F7; /*fondo del contenedor principal*/
	padding: 50px; /*Espacio interno*/
	border-radius: 10px; /*Bordes redondeados*/
	box-shadow: 0 0 10px rgba(0,0,0,1); /*Sombra suave alrededor*/
	width: 800px; /*Ancho fijo del contenedor*/
	text-align: center;
}
.contenedor h2{
	text-align: center; /*Centra el titulo dentro del formulario*/
	margin-bottom: 10px; /*Espacio inferior al titulo*/
	color: #C8C8D4; /*color del texto del titulo*/
	font-size: 3em;
}
.contenedor p{
	text-align: center; /*Centra el titulo dentro del formulario*/
	color: #2A2A3C; /*color del texto del titulo*/
	font-size: 3em;
}
.contenedor h3{
	text-align: center; /*Centra el titulo dentro del formulario*/
	color: #3F6B4C; /*color del texto del titulo*/
	font-size: 1em;
}
.contenedor img {
    height: 200px;
    width: 200px;
    border-radius: 20px;
    object-fit: contain;
}
@media (max-width: 480px) {
    .contenedor {
        padding: 20px;   /* menos padding en pantallas pequeñas */
		position: fixed;  
    }
    .formulario-login h2 {
        font-size: 1.2rem;
    }
}