/* LOGIN PERSONALIZADO HTLO */

body.login {
background-color: #3c434a !important;font-family: 'Poppins', sans-serif !important;}

div#login h1 a {
background-image: url('/wp-content/themes/tuespecialistaweb-child/logo/HTLO-LOGO-WEB.webp') !important; /* Sustituye con tu logo */
background-size: contain !important;width: 200px !important;height: 80px !important;}

div#login form {
margin-top: 15px !important;padding: 30px !important;border: 2px solid #00473B !important;border-radius: 20px !important;background: #ffffff !important;font-weight: 500 !important;font-size: 13px !important;color: #000 !important;box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);}

label {
font-family: 'Poppins', sans-serif !important;font-size: 13px !important;
}

.login form .input,
.login input[type=password],
.login input[type=text] {
	background: #f9f9f9 !important;
  border-radius: 12px !important;
font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  border: 1px solid #ccc !important;
  padding: 10px !important;
}

input#wp-submit {
  border-radius: 40px !important;
  font-weight: 600 !important;font-family: 'Poppins', sans-serif !important;
}

.wp-core-ui .button-primary {
  background: #00473B !important;
  border-color: #00473B !important;
  color: #ffffff !important;
  text-transform: uppercase !important;font-family: 'Poppins', sans-serif !important;
}

.wp-core-ui .button-primary:hover {
  background: #ffffff !important;
  border-color: #00473B !important;
  color: #00473B !important;font-family: 'Poppins', sans-serif !important;
}

.login #nav a,
.login #backtoblog a {
  color: #87ffeb !important;
  font-weight: 500;font-family: 'Poppins', sans-serif !important;
}

.login #nav a:hover,
.login #backtoblog a:hover {
  text-decoration: underline;font-family: 'Poppins', sans-serif !important;color: #FFFFFF !important;
}