/* ===========================================================================
   PERSONALIZACIÓN DEL LOGIN - INSTITUTO GRC (IGRC)
   =========================================================================== */

:root {
    --igrc-azul-oscuro: #051d2c;
    --igrc-azul-sec: #002a9e;
    --igrc-form-bg: #ffffff;
    --igrc-form-radius: 0px;
    --igrc-shadow-md: 0 4px 20px rgba(0,0,0,0.1);
    --igrc-card-light-border: #e2e8f0;
    --igrc-text-dark: #1a202c;
    --igrc-text-light: #ffffff;
    --igrc-font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --igrc-form-border: #cbd5e0;
    --igrc-form-border-focus: #0038d1;
    --igrc-form-padding: 10px 14px;
    --igrc-btn-primario: #0038d1;
    --igrc-btn-primario-hover: #002a9e;
    --igrc-btn-radius: 0px;
    --igrc-btn-text-light: #ffffff;
    --igrc-btn-secundario: #63b3ed;
    --igrc-transition-smooth: all 0.2s ease;
}

/* --- Logo --- */
#login h1 a, .login h1 a {
    background-image: url('../../images/logo-igrc.webp') !important;
    background-size: 200px;   /* Antes 300px - pon el tamaño que quieras */
    width: 200px;             /* Mismo valor que background-size para que no se deforme */
    height: 60px;             /* Ajusta la altura proporcional (opcional) */
    margin: 0 auto 20px auto;
    display: block;
    padding-bottom: 40px;     /* Sigue manteniendo espacio abajo */
}

/* --- Fondo de página --- */
body.login {
    background: var(--igrc-azul-oscuro) !important;
}

/* --- Formulario --- */
.login form {
    border-radius: var(--igrc-form-radius) !important; /* 0px */
    background: var(--igrc-form-bg) !important;
    box-shadow: var(--igrc-shadow-md);
    border: 1px solid var(--igrc-card-light-border);
}

/* --- Etiquetas --- */
.login label {
    color: var(--igrc-text-dark) !important;
    font-family: var(--igrc-font-base) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* --- Campos de entrada --- */
.login input[type="text"],
.login input[type="password"] {
    color: var(--igrc-form-text) !important;
    background-color: var(--igrc-form-bg) !important;
    border-radius: var(--igrc-form-radius) !important;
    border: 1px solid var(--igrc-form-border) !important;
    padding: var(--igrc-form-padding) !important;
    font-family: var(--igrc-font-base) !important;
    font-size: 14px !important; /* O el tamaño que quieras, normalmente 14-15px */
}

.login input[type="text"]:focus,
.login input[type="password"]:focus {
    border-color: var(--igrc-form-border-focus) !important;
    box-shadow: 0 0 0 2px rgba(0, 56, 209, 0.08) !important;
}

/* --- Botón primario --- */
.wp-core-ui .button-primary {
    background: var(--igrc-btn-primario) !important;
    border-radius: var(--igrc-btn-radius) !important;
    color: var(--igrc-btn-text-light) !important;
    border: none !important;
    padding: 12px 28px !important;
    font-family: var(--igrc-font-base) !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    transition: var(--igrc-transition-smooth) !important;
}
.wp-core-ui .button-primary:hover {
    background: var(--igrc-btn-primario-hover) !important;
    color: var(--igrc-btn-text-light) !important;
}

/* --- Enlaces (volver al sitio, ¿olvidaste contraseña?) --- */
.login #backtoblog a,
.login #nav a {
    color: var(--igrc-text-light) !important;
    font-family: var(--igrc-font-base) !important;
}
.login #backtoblog a:hover,
.login #nav a:hover {
    color: var(--igrc-btn-secundario) !important;
}

/* --- Mensajes de error y avisos --- */
.login .message,
.login #login_error,
.login .notice {
    color: var(--igrc-text-dark) !important;
    font-family: var(--igrc-font-base) !important;
    border-radius: var(--igrc-form-radius) !important;
    background: var(--igrc-form-bg) !important;
    border-left: 4px solid var(--igrc-btn-primario) !important;
}
.login #login_error a {
    color: var(--igrc-btn-primario) !important;
}

/* --- Ajuste adicional para la casilla "Recordar" --- */
.login .forgetmenot label {
    color: var(--igrc-text-dark) !important;
}

/* ===========================================================================
   SELECTOR DE IDIOMA - SIN FONDO GRIS Y TEXTO BLANCO 
   =========================================================================== */
.language-switcher,
#language-switcher,
.wpml-ls-legacy-list-horizontal,
.wpml-ls-statics-shortcode_actions,
.wpml-ls,
.lang_sel,
#lang_sel,
#lang_sel_list,
.polylang-language-switcher {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
}

.language-switcher a,
#language-switcher a,
.wpml-ls-item a,
.wpml-ls-link,
.lang_sel a,
#lang_sel a,
.polylang-language-switcher a {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    padding: 0 8px !important;
}

.language-switcher a:hover,
#language-switcher a:hover,
.wpml-ls-item a:hover,
.wpml-ls-link:hover,
.lang_sel a:hover,
#lang_sel a:hover,
.polylang-language-switcher a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.login .language-switcher .dashicons,
.login .language-switcher .dashicons-translation,
.login .language-switcher .dashicons-before::before {
    color: #ffffff !important;
}