/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS*/
/* Fondo general */
body {
 background: linear-gradient(to right, #f0f4f8, #d9e2ec);
 font-family: "Segoe UI", sans-serif;
 /* espacio alrededor para “tarjeta” */
}

/* Campos de usuario y contraseña grandes */
#login input[type="text"],
#login input[type="password"] {
 width: 100%;
 padding: 22px; /* alto del campo */
 font-size: 22px;
 border-radius: 12px;
 border: 1px solid #aaa;
 margin-bottom: 20px;
 outline: none;
 box-sizing: border-box;
 transition: border-color 0.2s, box-shadow 0.2s;
}

/* Etiquetas más grandes */
#login label {
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 10px;
 display: block;
 text-align: left;
}


#login input[type="text"]:focus,
#login input[type="password"]:focus {
 border-color: #0066cc;
 box-shadow: 0 0 10px rgba(0,102,204,0.4);
}

/* Botón de login grande */
#login input[type="submit"] {
 width: 100%;
 padding: 22px;
 font-size: 22px;
 border: none;
 border-radius: 12px;
 background: #0066cc;
 color: white;
 cursor: pointer;
 transition: background 0.3s;
}

#login input[type="submit"]:hover {
 background: #004d99;
}