.language-switcher{
    display: none;
}

footer div.elementor-element{
    background-color: #24272D !important;
}


/* =========================
   WP LOGIN - Estilo como card
   ========================= */
div#login{
  min-height: calc(100vh - 480px);
}

/* Quitar logo de WordPress */
body.login h1 a {
  background-image: none !important;
  width: auto !important;
  height: auto !important;
  text-indent: -9999px;  
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}
body.login h1 {
  display: none; /* elimina el bloque del logo directamente */
}

/* Centrado y ancho del contenedor */
body.login #login {
  width: 420px;
  padding: 40px 24px 24px;
}

/* Tarjeta del formulario */
body.login #loginform {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #e6e8ee;
  border-top: 6px solid #24272D;
  border-bottom: 6px solid #E51F20;
  padding: 26px 26px 22px;
  box-shadow: 0 14px 30px rgba(36, 39, 45, 0.14);
}

/* Labels */
body.login #loginform label {
  color: #24272D;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 6px;
  display: inline-block;
}

/* Inputs (usuario/clave) */
body.login .input,
body.login input[type="text"],
body.login input[type="password"] {
  border-radius: 10px !important;
  border: 1px solid #dfe3ea !important;
  background: #fbfcfe !important;
  padding: 12px 12px !important;
  font-size: 14px;
  line-height: 1.2;
  box-shadow: none !important;
  transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}

/* Focus de inputs (rojo suave + sombra) */
body.login .input:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
  border-color: #E51F20 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(229, 31, 32, 0.14) !important;
  outline: none !important;
}

/* Separación entre campos */
body.login #loginform p {
  margin: 0 0 14px;
}

/* Checkbox "Recuérdame" */
body.login .forgetmenot {
  margin-top: 6px;
}
body.login .forgetmenot label {
  font-weight: 500;
  color: #4b5563;
}

/* Botón Acceder */
body.login .wp-core-ui .button-primary {
  background: #E51F20 !important;
  border: 1px solid #E51F20 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 18px rgba(229, 31, 32, 0.22) !important;
  text-shadow: none !important;
  font-weight: 700;
  padding: 10px 14px !important;
  height: auto !important;
  transition: transform .06s ease, filter .15s ease, box-shadow .15s ease;
}

/* Hover */
body.login .wp-core-ui .button-primary:hover {
  filter: brightness(0.95);
  box-shadow: 0 12px 22px rgba(229, 31, 32, 0.26) !important;
}

/* Active (click) */
body.login .wp-core-ui .button-primary:active {
  transform: translateY(1px);
  box-shadow: 0 8px 14px rgba(229, 31, 32, 0.22) !important;
}

/* Focus accesible del botón */
body.login .wp-core-ui .button-primary:focus {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(229, 31, 32, 0.18), 0 10px 18px rgba(229, 31, 32, 0.22) !important;
}

/* Botón "mostrar contraseña" redondeado y discreto */
body.login .wp-pwd .button.wp-hide-pw {
  border-radius: 10px !important;
  border: 1px solid #dfe3ea !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
body.login .wp-pwd .button.wp-hide-pw:hover {
  border-color: #cfd6e2 !important;
}

/* Links (¿olvidaste?, volver) */
body.login #nav a,
body.login #backtoblog a {
  color: #24272D;
  text-decoration: none;
  font-weight: 600;
}
body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #E51F20;
  text-decoration: underline;
}

/* Ajuste del borde inferior rojo quede "marcado" como en la card */
body.login #loginform {
  position: relative;
}

/* =========================
   WP LOGIN 
   ========================= */

/* Fondo */
body.login {
  background: #f4f5f7;
}

/* Quitar logo */
body.login h1 {
  display: none;
}

/* Contenedor */
body.login #login {
  width: 420px;
  padding: 40px 24px 24px;
}

/* =========================
   TARJETA FORMULARIOS
   ========================= */

body.login #loginform,
body.login #lostpasswordform,
body.login #resetpassform {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #e6e8ee;
  border-top: 6px solid #24272D;
  border-bottom: 6px solid #E51F20;
  padding: 26px 26px 22px;
  box-shadow: 0 14px 30px rgba(36, 39, 45, 0.14);
}

/* =========================
   MENSAJE INFORMATIVO
   ========================= */

body.login .message,
body.login .notice {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #e6e8ee;
  border-left: 6px solid #24272D;
  padding: 16px 18px;
  margin-bottom: 20px;
  box-shadow: 0 8px 18px rgba(36, 39, 45, 0.08);
  color: #24272D;
  font-size: 14px;
}

/* =========================
   LABELS
   ========================= */

body.login label {
  color: #24272D;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 6px;
  display: inline-block;
}

/* =========================
   INPUTS
   ========================= */

body.login .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
  border-radius: 10px !important;
  border: 1px solid #dfe3ea !important;
  background: #fbfcfe !important;
  padding: 12px !important;
  font-size: 14px;
  box-shadow: none !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}

/* Focus */
body.login .input:focus,
body.login input:focus {
  border-color: #E51F20 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(229, 31, 32, 0.14) !important;
  outline: none !important;
}

/* =========================
   BOTONES (FORZADO ROJO)
   ========================= */

body.login .wp-core-ui .button-primary,
body.login input[type="submit"].button-primary {
  background: #E51F20 !important;
  border: 1px solid #E51F20 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 18px rgba(229, 31, 32, 0.22) !important;
  text-shadow: none !important;
  transition: all .15s ease !important;
}

/* Hover */
body.login .wp-core-ui .button-primary:hover,
body.login input[type="submit"].button-primary:hover {
  background: #c91a1b !important;
  border-color: #c91a1b !important;
  box-shadow: 0 12px 22px rgba(229, 31, 32, 0.26) !important;
}

/* Active */
body.login .wp-core-ui .button-primary:active {
  transform: translateY(1px);
}

/* Focus accesible */
body.login .wp-core-ui .button-primary:focus {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(229, 31, 32, 0.18),
              0 10px 18px rgba(229, 31, 32, 0.22) !important;
}

/* =========================
   LINKS
   ========================= */

body.login #nav a,
body.login #backtoblog a {
  color: #24272D;
  font-weight: 600;
  text-decoration: none;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #E51F20;
  text-decoration: underline;
}

/* =========================
   BOTON GENERAR CONTRASEÑA
   ========================= */

/* Botón "Generar contraseña" - estilo secundario */
body.login .wp-generate-pw.button {
  background: #ffffff !important;
  border: 2px solid #24272D !important;
  color: #24272D !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  box-shadow: 0 6px 14px rgba(36, 39, 45, 0.10) !important;
  text-shadow: none !important;
  transition: all .15s ease !important;
}

/* Hover */
body.login .wp-generate-pw.button:hover {
  background: #24272D !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(36, 39, 45, 0.18) !important;
}

/* Active */
body.login .wp-generate-pw.button:active {
  transform: translateY(1px);
}

/* Focus accesible */
body.login .wp-generate-pw.button:focus {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(36, 39, 45, 0.15) !important;
}