/* === COLORES CORPORATIVOS === */
:root {
    --fb-primary: #048d8d;
    --fb-primary-hover: #065c4f;
}

/* === LOGO EN LOGIN: RECTANGULAR, MÁS GRANDE Y CENTRADO === */
#login img {
    max-width: 300px !important;
    /* Ancho máximo del logo (ajusta a tu gusto) */
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 15px auto !important;
    /* Centrado horizontal */
    object-fit: contain !important;
    /* Mantiene proporción, no deforma */
}


/* === OCULTAR “File Browser” DE TEXTO === */
#login h1 {
    display: none !important;
}

/* === AÑADIR “BIENVENIDO” EN SU LUGAR === */
#login form {
    position: relative;
}

/* Insertar “Bienvenido” justo debajo del logo */
#login form::before {
    content: "Bienvenido";
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    margin: 0 0 12px 0;
    color: #f4f6f8;
    /* Cambia esto si quieres otro color */
}

/* === BOTONES CON FONDO CORPORATIVO Y LETRAS BLANCAS === */
#login .button,
#login input[type="submit"],
#login input[type="button"] {
    background-color: var(--fb-primary) !important;
    border-color: var(--fb-primary) !important;
    color: #ffffff !important;
}

#login .button:hover,
#login input[type="submit"]:hover,
#login input[type="button"]:hover {
    background-color: var(--fb-primary-hover) !important;
    border-color: var(--fb-primary-hover) !important;
    color: #ffffff !important;
}

/* Fondo SOLO en el contenedor del login, nunca toca el body */
.login,
#login {
    min-height: 100vh !important;
    background-image: url('https://files.sentscompany.com/api/public/dl/MxdummN0?inline=true') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Card del formulario */
.login .v-card,
#login .v-card,
.login .card,
#login .card,
.login form {
    background-color: rgba(255, 255, 255, 0.90) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(8px) !important;
}

#app input,
.login input,
#login input {
    background-color: rgba(255, 255, 255, 0.95) !important;
}

.login h1,
.login .title,
.login .headline,
#login h1,
#login .title,
#login .headline {
    color: #1a1a1a !important;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8) !important;
}