/* Ajustes globales */
html, body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

#main-container {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Input Custom - hacerlos cuadrados con esquinas ligeramente redondeadas */
.input-custom {
    height: 35pt; /* Asegura que el input sea cuadrado pero con suficiente altura */
    width: 100%; /* Hace que los inputs ocupen todo el ancho disponible */
    max-width: 500px; /* Limita la longitud de los inputs a un máximo de 500px */
    font-size: 14px; /* Tamaño de la fuente dentro de los inputs */
    border-radius: 5px; /* Solo las esquinas ligeramente redondeadas */
}

/* Botón Circular */
.btn-primary {
    border-radius: 50px; /* Hace que el botón sea redondeado */
    padding: 12px 30px; /* Ajusta el padding para hacerlo más redondeado */
    font-size: 16px; /* Tamaño del texto dentro del botón */
    min-width: 120px; /* Garantiza un tamaño mínimo para el botón */
    background-color: rgb(195, 37, 138);
}

/* Fondo de la sección de login */
.login-alpla {
    width: 100%;
    height: 90vh; /* 80% de la altura de la ventana */
    background-image: url(../images/back2.png);
    background-size: cover;
    background-repeat: no-repeat;
}

/* Estilos adicionales para el formulario */
.login-form {
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}