/* STYLES DE LA PAGINA DE PERFIL */
/* style.css */
.aside {
  
    border: 3px solid black;
    color: black;
   
    height: 100%;
}


/* style.css */
.resizable {
    overflow: auto;
    resize: horizontal;
}



/* STYLES DE LA PAGINA DE LOGIN */
.Recuadro {
    border: 3px solid purple;
    background-color:transparen;
    height: 350px;
    width: 300px;
    border-radius: 15px;
}
.RecuadroRegistro {
    border: 3px solid #800080;
    background-color: white;
    height: 500px;
    width: 300px;
    border-radius: 15px;
}

.bg-purple {
    background-color: purple;
    border-radius: 15px;

}   

/* Estilo para los botones */
.Recuadro button {
    border-radius: 10px; /* Ajusta el valor de border-radius según tus preferencias */
    width: 75%; /* Ocupa el 75% del ancho del contenedor */
    background-color: purple;
    margin: 0 auto; /* Centra horizontalmente el botón */
    display: block;
    border: 3px solid purple;
}
.RecuadroRegistro button {
    background-color: purple;
    color: #fff;
    border-radius: 15px;
    border: 3px solid purple;
    padding: 10px 20px;
    cursor: pointer;
    margin-top: 10px;
}
/* Estilo para los inputs */

.Recuadro input[type="text"],
.Recuadro input[type="password"] {
    border-radius: 10px; /* Ajusta el valor de border-radius según tus preferencias */
    border: 2px solid purple; /* Puedes personalizar el borde según tus necesidades */
    padding: 5px; /* Agrega relleno para que los inputs sean más visibles y estéticos */
    width: 75%; /* Asegura que los inputs ocupen todo el ancho del contenedor */
    display: block;
    margin: 0 auto;

}

.RecuadroRegistro input[type="email"],
.RecuadroRegistro input[type="text"],
.RecuadroRegistro input[type="password"] {
    border-radius: 10px; /* Ajusta el valor de border-radius según tus preferencias */
    border: 2px solid purple; /* Puedes personalizar el borde según tus necesidades */
    padding: 5px; /* Agrega relleno para que los inputs sean más visibles y estéticos */
    width: 75%; /* Asegura que los inputs ocupen todo el ancho del contenedor */
    display: block;
    margin: 0 auto;

}


/* Estilo para los textos arriba de los inputs */
.Recuadro label {
    display: block; /* Convierte los elementos <label> en bloques para que ocupen toda la línea */
    text-align: center; /* Centra el texto horizontalmente dentro del bloque */
    margin: 10px 0; /* Añade un espacio entre los textos y los inputs */
}
.RecuadroRegistro label {
    display: block; /* Convierte los elementos <label> en bloques para que ocupen toda la línea */
    text-align: center; /* Centra el texto horizontalmente dentro del bloque */
    margin: 10px 0; /* Añade un espacio entre los textos y los inputs */
}

.h5-labels{
    font-size: 12px;
    display: block;
    margin: 0 auto;
    width: 55%;
    margin-top: 15px;

}

/* Estilos para la barra de navegación */
.navbar {
    background-color: #333;
    width: 100%;
    padding: 10px 0;
    color: #fff;
    position: fixed; /* Agrega esta línea para que el navbar esté fijo en la parte superior */
    top: 0; /* Coloca el navbar en la parte superior de la pantalla */
    z-index: 1000; /* Asegura que el navbar esté en la parte superior de otros elementos */
}


.navbar ul {
    list-style: none; /* Quita los puntos de lista */
    padding: 0;
}

.navbar ul li {
    display: inline; /* Para que los elementos de la lista estén en línea */
    margin-right: 20px; /* Espacio entre elementos de la lista */
}

/* Estilos para los enlaces de navegación */
.navbar a {
    text-decoration: none; /* Quita la decoración de subrayado de los enlaces */
    color: #fff; /* Color del texto de los enlaces */
}

/* Estilos para la sección de contenido */
.content {
    padding: 20px; /* Espaciado interior de la sección de contenido */
}