/* Piel de consola del widget Email Health Chk (dashboard, opcional).
   Los tokens --ehc-* los fija la opcion ehc_customize (inline style del
   handle del modo); el acento tinta llega por ahi. Aqui: banda, focos y
   remates. La severidad (rojo/ambar/azul/verde) es semantica y se respeta. */

:root {
	--ehcx-tinta: var(--ehc-primary, #0b1524);
	--ehcx-menta: var(--ehc-consola-accent, #5eead4);
}


div.email-health-chk {
	border-radius: 16px !important;
	border: 1px solid #e4e9f0;
	box-shadow: 0 12px 32px rgba(11, 21, 36, 0.1) !important;
}

/* ── Banda de consola ──────────────────────────────────────────────────── */
.email-health-chk .ehc-consola-banda {
	position: relative;
	margin: -28px -24px 22px;
	padding: 18px 24px 16px;
	background:
		radial-gradient(color-mix(in srgb, var(--ehcx-menta, #5eead4) 13%, transparent) 1px, transparent 1.5px) 0 0 / 18px 18px,
		radial-gradient(120% 140% at 85% -20%, color-mix(in srgb, var(--ehcx-tinta, #0b1524) 82%, #6e9bd8) 0%, var(--ehcx-tinta, #0b1524) 60%);
	border-radius: 16px 16px 0 0;
	overflow: hidden;
}
.email-health-chk .ehc-consola-ceja {
	margin: 0 0 6px !important;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	color: var(--ehcx-menta, #5eead4);
	text-transform: none;
}
.email-health-chk .ehc-consola-ceja::after {
	content: '\258e';
	margin-left: 4px;
	animation: ehc-cursor 1.1s steps(2, jump-none) infinite;
}
@keyframes ehc-cursor {
	to {
		opacity: 0;
	}
}
.email-health-chk .ehc-consola-banda .email-health-chk__title {
	margin: 0 !important;
	color: #ffffff !important;
	text-align: left;
	font-size: 1.3rem !important;
	line-height: 1.25 !important;
	text-wrap: balance;
}
.email-health-chk .ehc-consola-banda .email-health-chk__subtitle {
	margin: 4px 0 0 !important;
	color: #b8c7d8 !important;
	text-align: left;
	font-size: 0.88rem !important;
}

/* ── Formulario ────────────────────────────────────────────────────────── */
.email-health-chk .email-health-chk__input {
	background: #f7f9fb !important;
	border: 1.5px solid #e4e9f0 !important;
	border-radius: 10px !important;
	color: var(--ehcx-tinta, #0b1524) !important;
}
.email-health-chk .email-health-chk__input:focus {
	border-color: var(--ehcx-menta, #5eead4) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--ehcx-menta, #5eead4) 28%, transparent);
}
.email-health-chk .email-health-chk__btn {
	border-radius: 10px !important;
	transition:
		background 0.15s,
		color 0.15s,
		transform 0.1s;
}
.email-health-chk .email-health-chk__btn:hover {
	background: var(--ehcx-menta, #5eead4) !important;
	color: var(--ehcx-tinta, #0b1524) !important;
	opacity: 1;
}
.email-health-chk .email-health-chk__btn:active {
	transform: translateY(1px);
}
.email-health-chk .email-health-chk__terms {
	flex-basis: 100%;
}
.email-health-chk .email-health-chk__terms-switch input:checked + .email-health-chk__terms-slider {
	background: var(--ehcx-menta, #5eead4) !important;
}
.email-health-chk .email-health-chk__terms-toggle {
	color: #55677d !important;
}
.email-health-chk .email-health-chk__terms-toggle:hover {
	color: var(--ehcx-tinta, #0b1524) !important;
}
.email-health-chk .email-health-chk__terms-text {
	background: #f7f9fb;
	border: 1px solid #e4e9f0;
	border-radius: 10px;
}

/* ── Tablero de resultados: solo remates, la severidad manda ───────────── */
.email-health-chk .email-health-chk__results-domain {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	color: var(--ehcx-tinta, #0b1524);
}
.email-health-chk [class*='category-card'],
.email-health-chk [class*='cat-card'] {
	border-color: #e4e9f0 !important;
	border-radius: 12px !important;
}

/* ── Pitch (cinta oscura via opciones; enlaces sobre la cinta) ─────────── */
.ehc-pitch__contact a,
.ehc-pitch a[href^='mailto'],
.ehc-pitch a[href^='tel'] {
	color: var(--ehcx-menta, #5eead4) !important;
}

/* ── Accesibilidad y movil ─────────────────────────────────────────────── */
.email-health-chk :focus-visible {
	outline: 2px solid var(--ehcx-menta, #5eead4);
	outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
	.email-health-chk .ehc-consola-ceja::after {
		animation: none;
	}
}
@media (max-width: 480px) {
	.email-health-chk .ehc-consola-banda {
		margin: -28px -24px 18px;
		padding: 16px 20px 14px;
	}
}