/*
 * CIEM-NOA Branding — Nextcloud
 * Fondo opción A: negro cálido puro #0D0D0B
 */

/* ── Override forzado de la variable de fondo ── */
:root,
html,
body,
body#body-login,
body#body-user {
    --color-background-plain:      #0D0D0B !important;
    --color-background-plain-text: #FFFBF0 !important;
    --image-background:            none    !important;
    background-color: #0D0D0B !important;
    background-image: none    !important;
}

/* ── Selector exacto que usa guest.css ── */
body {
    background-color: #0D0D0B !important;
    background-image: none    !important;
}

/* ── Header (barra superior con logo): transparente sobre el fondo oscuro ── */
#header,
body#body-login header,
body#body-login header #header,
body#body-user  header,
body#body-user  header #header {
    background-color: transparent !important;
    background-image: none        !important;
    border-bottom:    none        !important;
    box-shadow:       none        !important;
}

/* ── Caja del formulario de login ── */
.guest-box,
.body-login-container {
    background-color: rgba(26, 26, 22, 0.95) !important;
    border: 1px solid rgba(212, 168, 85, 0.3) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
}

/* ── Botón de login ── */
.button-vue--vue-primary,
button[type=submit],
input[type=submit].primary,
input.primary {
    background-color: #D4A855 !important;
    color: #0D0D0B   !important;
    font-weight: 700 !important;
}
.button-vue--vue-primary:hover,
button[type=submit]:hover,
input.primary:hover {
    background-color: #F5C143 !important;
}

/* ── Footer de login ── */
footer.guest-box,
#body-login footer {
    background: transparent !important;
    color: rgba(255, 251, 240, 0.5) !important;
}
#body-login footer a,
footer.guest-box a {
    color: #D4A855 !important;
}