/* Custom CSS for Overrides
 * Developed by Thunder for Startek
 */

/* ---- Formulário de captação de leads (esteira de vendas) ---- */
.lead-cta .lead-cta-box{
	display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;
	background:linear-gradient(135deg,#3b5bdb,#20193E);color:#fff;
	border-radius:18px;padding:36px 40px;
}
.lead-cta .lead-cta-text p{opacity:.9}
.lead-cta .lead-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-cta .lead-form input{
	padding:13px 15px;border:none;border-radius:10px;font-size:1rem;width:100%;
	font-family:inherit;background:#fff;color:#20193E;
}
.lead-cta .lead-form input[name="endereco"]{grid-column:1 / -1}
.lead-cta .lead-form .btn{grid-column:1 / -1;border:none;cursor:pointer;font-size:1.05rem}
.lead-cta .lead-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lead-cta .lead-alert{grid-column:1 / -1;padding:11px 14px;border-radius:9px;font-weight:600}
.lead-cta .lead-alert.ok{background:#e7f8f0;color:#0b7a4b}
.lead-cta .lead-alert.err{background:#fdecec;color:#b3261e}
@media(max-width:768px){
	.lead-cta .lead-cta-box{grid-template-columns:1fr;padding:26px 22px}
	.lead-cta .lead-form{grid-template-columns:1fr}
}

/* ---- Consulta de cobertura ---- */
.coverage-section .coverage-box{
	background:#f4f7fb;border:1px solid #e3e8f0;border-radius:18px;padding:34px 36px;text-align:center;
}
.coverage-section .muted-2{color:#5b6b82;margin:0 0 1.4rem}
.coverage-section .coverage-form{
	display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:900px;margin:0 auto;
}
.coverage-section .coverage-form input{
	padding:13px 15px;border:1px solid #dbe2ec;border-radius:10px;font-size:1rem;font-family:inherit;width:100%;
}
.coverage-section .coverage-form input[name="nome"],
.coverage-section .coverage-form input[name="telefone"]{grid-column:span 2}
.coverage-section .coverage-form .btn{grid-column:1 / -1;border:none;cursor:pointer;font-size:1.05rem}
.coverage-section .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.coverage-section .coverage-alert{
	max-width:900px;margin:0 auto 1.2rem;padding:13px 16px;border-radius:10px;font-weight:500;text-align:left;
}
.coverage-section .coverage-alert.ok{background:#e7f8f0;color:#0b7a4b}
.coverage-section .coverage-alert.check{background:#fff6e6;color:#8a5a00}
.coverage-section .coverage-alert.err{background:#fdecec;color:#b3261e}
.coverage-section .coverage-cities{margin:1.3rem 0 0;color:#5b6b82;font-size:.9rem}
@media(max-width:768px){
	.coverage-section .coverage-form{grid-template-columns:1fr}
	.coverage-section .coverage-form input[name="nome"],
	.coverage-section .coverage-form input[name="telefone"]{grid-column:auto}
	.coverage-section .coverage-box{padding:24px 20px}
}