/* static/css/style.css */

body {
    background-image: url('https://images.pexels.com/photos/1290141/pexels-photo-1290141.jpeg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: sans-serif;
}

/* Contenedor especial para la página de login */
.login-container {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center;    /* Centra verticalmente */
    height: 100vh;          /* Ocupa toda la altura de la pantalla */
}

/* Tarjeta del formulario de login */
.login-card {
    width: 100%;
    max-width: 420px; /* Ancho máximo para que no sea muy grande */
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

/* Contenedor para el contenido de admin e index */
.content-wrapper {
    background-color: rgba(255, 255, 255, 0.92);
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    margin-top: 2rem;
    margin-bottom: 2rem;
}