/* ===== CF Login - Marca (Azul/Amarillo + Naranjo) ===== */

/* Fondo centrado */
body.login{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg, #0170B9 0%, #015E9A 55%, #014B7A 100%);
}

/* Contenedor del login */
body.login #login{
  width:500px;
  margin:0;
  padding:0;
}

/* Logo grande */
.login h1 a{
  background-image:url('https://cfconstrucciones.cl/wp-content/uploads/2026/01/ChatGPT-Image-18-ene-2026-05_35_54-p.m.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  width:520px;
  height:210px;
  margin:0 auto 18px;
  padding:0;
}

/* Caja del formulario */
body.login #loginform,
body.login #lostpasswordform,
body.login #registerform{
  border-radius:18px;
  border:1px solid rgba(251,194,36,.30); /* amarillo suave */
  box-shadow:0 18px 55px rgba(0,0,0,.22);
  padding:22px 22px 18px;
}

/* Labels y textos */
body.login label{
  color:#0f172a;
  font-weight:600;
}

/* Inputs */
body.login .input{
  border-radius:12px;
  padding:10px 12px;
  border:1px solid rgba(15,23,42,.16);
}
body.login .input:focus{
  border-color:#F97316; /* naranjo */
  box-shadow:0 0 0 3px rgba(249,115,22,.28);
}

/* Botón principal (marca) */
.wp-core-ui .button-primary{
  background:#F97316;        /* naranjo */
  border-color:#F97316;
  box-shadow:none;
  border-radius:12px;
  padding:7px 16px;
  font-weight:800;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus{
  background:#EA580C;        /* naranjo oscuro */
  border-color:#EA580C;
}

/* Checkbox y enlaces */
body.login .forgetmenot label{
  color:#0f172a;
}
body.login #nav a,
body.login #backtoblog a{
  color:rgba(255,255,255,.90);
}
body.login #nav a:hover,
body.login #backtoblog a:hover{
  color:#fbc224e8;           /* tu amarillo */
  text-decoration:underline;
}

/* ===== Mensajes / avisos en login (olvidé contraseña, error, etc.) ===== */
body.login .message,
body.login .notice,
body.login .success,
body.login #login_error{
  background: rgba(255,255,255,.10) !important; /* nada de blanco sólido */
  color: #ffffff !important;
  border: 6px solid #fbc224e8 !important; /* amarillo marca */
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
}

/* Links dentro del mensaje */
body.login .message a,
body.login .notice a,
body.login #login_error a{
  color: #fbc224e8 !important;
  font-weight: 700;
}
body.login .message a:hover,
body.login .notice a:hover,
body.login #login_error a:hover{
  color: #ffffff !important;
  text-decoration: underline;
}



/* Ocultar selector de idioma (opcional) */
.language-switcher{ display:none; }

/* Responsive: que no se desborde en pantallas chicas */
@media (max-width: 600px){