/* Balui Seguridad — pantallas del segundo paso, Mi cuenta › Seguridad y perfil. */

.bsec-intro { margin: 0 0 16px; line-height: 1.55; }
.bsec-ayuda { display: block; margin-top: 4px; font-size: 13px; opacity: .8; }

.bsec-codigo {
	font-size: 24px !important;
	letter-spacing: .3em;
	font-variant-numeric: tabular-nums;
	text-align: center;
}

.bsec-pasos { margin: 0 0 16px 1.2em; padding: 0; line-height: 1.5; }
.bsec-pasos li { margin-bottom: 10px; }

.bsec-qr {
	width: 200px;
	max-width: 100%;
	margin: 12px 0;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}
.bsec-qr svg { display: block; width: 100%; height: auto; }

.bsec-manual summary { cursor: pointer; text-decoration: underline; }
.bsec-clave {
	display: inline-block;
	font-size: 15px;
	letter-spacing: .08em;
	word-break: break-all;
	user-select: all;
}

.bsec-alternativas {
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	font-size: 14px;
}
.bsec-alt-form { margin: 0 !important; padding: 0 !important; box-shadow: none !important; border: 0 !important; background: none !important; }
.bsec-enlace {
	background: none;
	border: 0;
	padding: 0;
	color: inherit;
	font: inherit;
	text-decoration: underline;
	cursor: pointer;
}
.bsec-enlace:focus-visible,
.bsec-alternativas a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

.bsec-codigos {
	list-style: none;
	margin: 12px 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	gap: 6px 16px;
}
.bsec-codigos code {
	font-size: 15px;
	letter-spacing: .05em;
	background: rgba( 127, 127, 127, .12 );
	padding: 2px 6px;
	border-radius: 4px;
}
.bsec-copiado { margin-left: 8px; font-size: 13px; }

/* /portal/ (wp-login.php): la tarjeta del formulario es #loginform; los textos van fuera. */
.login .bsec-intro,
.login .bsec-pasos,
.login .bsec-alternativas,
.login .bsec-codigos-caja,
.login .bsec-volver { padding: 0 2px; }
.login .bsec-codigos-caja { background: #fff; border: 1px solid #E1E7EF; border-radius: 8px; padding: 20px 24px; }
.login .bsec-alternativas { padding: 0 24px; }
.login .bsec-alternativas a,
.login .bsec-enlace { color: #2F5C8A; }

/* Mi cuenta */
.bsec--woo { max-width: 520px; }
.bsec-panel { margin: 0 0 32px; }
.bsec-panel h3 { margin-bottom: 8px; }
.bsec-estado {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	padding: 2px 10px;
	border-radius: 999px;
	background: rgba( 2, 207, 170, .15 );
}
.bsec-estado--no { background: rgba( 184, 67, 0, .15 ); }
.bsec-tabla { width: 100%; border-collapse: collapse; font-size: 14px; }
.bsec-tabla th, .bsec-tabla td { text-align: left; padding: 8px 6px; border-bottom: 1px solid rgba( 127, 127, 127, .25 ); }
.bsec-radio { display: block; margin: 6px 0; }

/* Panel de administración */
.bsec-admin .bsec-filtros { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; margin: 12px 0; }
.bsec-admin .bsec-filtros label { display: flex; flex-direction: column; font-size: 12px; gap: 2px; }
.bsec-g { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.bsec-g--ok { background: #E3F8F3; color: #0B5E4E; }
.bsec-g--info { background: #E8EEF6; color: #214462; }
.bsec-g--aviso { background: #FFF2E0; color: #8A4B00; }
.bsec-g--alerta { background: #FDE7E2; color: #9A2A12; }
.bsec-admin code.bsec-clave-nueva { display: block; padding: 8px; margin: 6px 0; user-select: all; word-break: break-all; }

@media ( max-width: 480px ) {
	.bsec-codigos { grid-template-columns: 1fr; }
}