/*
 * Rehilete Verificador de Dominios
 * Diseño independiente para WordPress + Enfold.
 */

.reh-domain-checker{
	--reh-domain-ink:#17344c;
	--reh-domain-text:#4d6677;
	--reh-domain-blue:#168fbd;
	--reh-domain-green:#53bfa2;
	--reh-domain-coral:#e75c62;
	--reh-domain-line:#d8e6eb;

	box-sizing:border-box;
	width:100%;
	padding:28px;
	border:1px solid var(--reh-domain-line);
	border-radius:16px;
	background:#fff;
	font-family:"Poppins","Helvetica Neue",Arial,sans-serif;
}

.reh-domain-checker *,
.reh-domain-checker *::before,
.reh-domain-checker *::after{
	box-sizing:border-box;
}

.reh-domain-checker__head{
	margin-bottom:18px;
}

.reh-domain-checker__eyebrow{
	margin:0 0 5px!important;
	color:var(--reh-domain-blue)!important;
	font:700 .78rem/1.3 "Poppins","Helvetica Neue",Arial,sans-serif!important;
	text-transform:uppercase;
	letter-spacing:.045em;
}

.reh-domain-checker__head h2{
	margin:0 0 7px!important;
	color:var(--reh-domain-ink)!important;
	font-family:"IBM Plex Serif",Georgia,"Times New Roman",serif!important;
	font-size:1.65rem!important;
	font-weight:600!important;
	line-height:1.15!important;
}

.reh-domain-checker__head p:not(.reh-domain-checker__eyebrow){
	margin:0!important;
	color:var(--reh-domain-text)!important;
	font:400 .88rem/1.5 "Poppins","Helvetica Neue",Arial,sans-serif!important;
}

.reh-domain-checker__controls{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:10px;
}

.reh-domain-checker__input{
	width:100%!important;
	min-height:50px!important;
	margin:0!important;
	padding:0 15px!important;
	border:1px solid var(--reh-domain-line)!important;
	border-radius:9px!important;
	background:#fff!important;
	color:var(--reh-domain-ink)!important;
	font:500 1rem/1.2 "Poppins","Helvetica Neue",Arial,sans-serif!important;
	box-shadow:none!important;
}

.reh-domain-checker__input:focus{
	border-color:var(--reh-domain-blue)!important;
	outline:3px solid rgba(22,143,189,.14)!important;
	outline-offset:1px;
}

.reh-domain-checker__button{
	min-height:50px;
	padding:0 20px;
	border:0;
	border-radius:9px;
	background:var(--reh-domain-blue);
	color:#fff;
	cursor:pointer;
	font:700 .85rem/1.2 "Poppins","Helvetica Neue",Arial,sans-serif;
}

.reh-domain-checker__button:hover{
	opacity:.93;
}

.reh-domain-checker__button:focus-visible,
.reh-domain-checker__whatsapp:focus-visible{
	outline:3px solid rgba(22,143,189,.22);
	outline-offset:3px;
}

.reh-domain-checker__button:disabled{
	cursor:wait;
	opacity:.62;
}

.reh-domain-checker__status{
	margin-top:14px;
	color:var(--reh-domain-text);
	font:500 .88rem/1.5 "Poppins","Helvetica Neue",Arial,sans-serif;
}

.reh-domain-checker__status.is-loading{
	color:#647b89;
}

.reh-domain-checker__status.is-available{
	padding:13px 15px;
	border-left:3px solid var(--reh-domain-green);
	border-radius:7px;
	background:#f0faf6;
	color:#245f4f;
}

.reh-domain-checker__status.is-unavailable,
.reh-domain-checker__status.is-error{
	padding:13px 15px;
	border-left:3px solid var(--reh-domain-coral);
	border-radius:7px;
	background:#fff5f5;
	color:#864548;
}

.reh-domain-checker__whatsapp{
	display:flex;
	min-height:50px;
	align-items:center;
	justify-content:center;
	margin-top:12px;
	padding:12px 16px;
	border-radius:9px;
	background:#25d366;
	color:#fff!important;
	text-decoration:none!important;
	font:700 .85rem/1.2 "Poppins","Helvetica Neue",Arial,sans-serif!important;
}

.reh-domain-checker__whatsapp:hover{
	background:#1fb85a;
	color:#fff!important;
}

.reh-domain-checker__whatsapp[hidden],
.reh-domain-checker__fineprint[hidden]{
	display:none!important;
}

.reh-domain-checker__fineprint{
	margin:9px 0 0!important;
	color:#71838e!important;
	font:400 .72rem/1.4 "Poppins","Helvetica Neue",Arial,sans-serif!important;
}

@media (max-width:767px){
	.reh-domain-checker{
		padding:20px;
	}

	.reh-domain-checker__controls{
		grid-template-columns:1fr;
	}

	.reh-domain-checker__button,
	.reh-domain-checker__whatsapp{
		width:100%;
		min-height:52px;
	}
}
