/* =========================================================================
   Triple Harbour — Login personalizado (propuesta según línea gráfica).
   No había diseño de login en Figma; se propone en base a la marca.
   ====================================================================== */
:root{
	--th-navy:#003050;--th-navy-2:#003558;--th-blue:#0071bb;--th-blue-600:#005a97;
	--th-cyan:#29a9e1;--th-border:#e2e8f0;
}

body.login{
	background:linear-gradient(135deg,var(--th-navy) 0%,#0a4a72 100%);
	min-height:100vh;
	font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* Logo THC (blanco) sobre el fondo oscuro */
#login{width:min(92vw,400px);padding:6% 0 4%;}
#login h1 a{
	background-size:contain;background-repeat:no-repeat;background-position:center;
	width:260px;height:80px;margin:0 auto 4px;
}

/* Barra de acento cyan bajo el logo */
#login h1{position:relative;}
#login h1::after{content:"";display:block;width:64px;height:3px;background:var(--th-cyan);border-radius:2px;margin:6px auto 0;}

/* Tarjeta del formulario */
.login form{
	background:#fff;border:none;border-radius:14px;
	box-shadow:0 24px 60px rgba(0,0,0,.28);
	padding:28px 26px;margin-top:22px;
}
.login label{color:var(--th-navy);font-weight:600;font-size:.92rem;}
.login input[type=text],.login input[type=password]{
	border:1px solid var(--th-border);border-radius:8px;background:#f3f5f8;
	padding:12px 12px;font-size:15px;box-shadow:none;
}
.login input[type=text]:focus,.login input[type=password]:focus{
	border-color:var(--th-blue);box-shadow:0 0 0 3px rgba(0,113,187,.15);outline:none;
}

/* Botón */
.wp-core-ui .button-primary{
	background:var(--th-blue);border:none;border-radius:8px;
	padding:10px 22px;font-weight:600;text-shadow:none;box-shadow:none;
	transition:background .2s ease;width:100%;height:auto;
}
.wp-core-ui .button-primary:hover{background:var(--th-blue-600);}

/* Enlaces auxiliares */
.login #nav,.login #backtoblog{text-align:center;}
.login #nav a,.login #backtoblog a{color:rgba(255,255,255,.85);}
.login #nav a:hover,.login #backtoblog a:hover{color:#fff;}

/* "Recordarme" */
.login .forgetmenot label{color:var(--th-navy);font-weight:400;}

/* Mensajes de error/aviso */
.login .message,.login #login_error{
	border-radius:8px;border-left-width:4px;
}
.login #login_error{border-left-color:#c0392b;}
.login .message{border-left-color:var(--th-cyan);}

/* Footer discreto */
.th-login-footer{
	text-align:center;color:rgba(255,255,255,.7);font-size:.8rem;margin-top:18px;
}

/* Idioma / privacy links */
.login .privacy-policy-page-link{text-align:center;width:100%;margin-top:14px;}
.login .privacy-policy-page-link a{color:rgba(255,255,255,.7);}