/* 
Sitio Web Creado por ITred Spa.
Direccion: Guido Reni #4190
Pedro Aguirre Cerda - Santiago - Chile
contacto@itred.cl o itred.spa@gmail.com
https://www.itred.cl
Creado, Programado y Diseñado por ITred Spa.
BPPJ 
*/


/* -------------------------------------------------------------------------------------------------------------
   ------------------------------------- INICIO ITred Spa login .CSS -------------------------------------------
   ------------------------------------------------------------------------------------------------------------- */
/* TITULO TARJETA INICIAR SESION */

    body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background-color: #e9ecef; /* Fondo gris suave */
        margin: 0;  /* Quita márgenes predeterminados */
        height: 100vh; /* Altura completa de la ventana */
        display: flex;  /* Usamos Flexbox para centrar */
        justify-content: center; /* Centrado horizontal */
        align-items: center; /* Centrado vertical */
    }

    /* La tarjeta del Login */
    .tarjeta-login {
        background: white;
        padding: 40px;
        width: 100%;
        max-width: 380px;   /* Un poco más angosta para que se vea elegante */
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        text-align: center;
        border-top: 5px solid #007bff; /* Detalle azul arriba */
    }

    /* Título del Login */
    .tarjeta-login h2 {
        color: #333;
        text-transform: uppercase;
        margin-bottom: 25px;
        font-size: 1.5rem;
        font-weight: 800;
    }

    /* Estilos de los Grupos de Formulario */
    .grupo-formulario {
        margin-bottom: 20px;
        text-align: left;
    }

    .grupo-formulario label {
        display: block;
        font-weight: bold;
        color: #555;
        margin-bottom: 8px;
        font-size: 0.9rem;
    }

    .grupo-formulario input {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box;
        font-size: 1rem;
        transition: border-color 0.3s;
    }

    .grupo-formulario input:focus {
        border-color: #007bff; /* Borde azul al escribir */
        outline: none;
    }

    /* Botón de Ingresar (AZUL) */
    .boton-ingresar {
        width: 100%;
        padding: 12px;
        border: none;
        border-radius: 5px;
        background-color: #007bff; /* Color Azul Corporativo */
        color: white;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 1rem;
        transition: background 0.3s;
        margin-top: 10px;
    }

    .boton-ingresar:hover {
        background-color: #0056b3; /* Azul más oscuro al pasar el mouse */
    }

    /* Enlaces y Alertas */
    .enlace-texto {
        display: block;
        margin-top: 20px;
        color: #666;
        text-decoration: none;
        font-size: 0.9rem;
    }

    .enlace-texto:hover {
        color: #007bff;
        text-decoration: underline;
    }

    .alerta {
        background-color: #f8d7da;
        color: #721c24;
        padding: 10px;
        border-radius: 4px;
        margin-bottom: 20px;
        font-size: 0.9rem;
        border: 1px solid #f5c6cb;
    }

/* -------------------------------------------------------------------------------------------------------------
   -------------------------------------- FIN ITred Spa login .CSS ---------------------------------------------
   ------------------------------------------------------------------------------------------------------------- */


/* 
Sitio Web Creado por ITred Spa.
Direccion: Guido Reni #4190
Pedro Aguirre Cerda - Santiago - Chile
contacto@itred.cl o itred.spa@gmail.com
https://www.itred.cl
Creado, Programado y Diseñado por ITred Spa.
BPPJ 
*/