/*
 * Rodapé do site — 06/10/2026 (v2).
 * O JS do rodapé (kaina-landing.php) lê os dados dos módulos do LC ("Rodapé" 3558 / "Rodapé Jogos" 3696:
 * logo, telefone, e-mail, cidade, botão, redes) e monta este rodapé limpo. O LC continua sendo a fonte dos dados e
 * segue editável; a seção original só some quando o rodapé novo foi montado (classe .klf-pronto).
 */
#dslc-footer.klf-pronto .dslc-modules-section { display: none !important; }

.klf { position: relative; background: linear-gradient(180deg, #faf7f2 0%, #f3eee4 100%); font-family: 'Work Sans', system-ui, sans-serif; color: #2b3036; }
.klf::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px;
	background: linear-gradient(90deg, #00a39b 0%, #5f9442 35%, #f2c14a 65%, #e5485f 100%); }
.klf *, .klf *::before, .klf *::after { box-sizing: border-box; }
.klf-in { max-width: 1120px; margin: 0 auto; padding: 30px 24px 26px;
	display: grid; grid-template-columns: auto auto auto; justify-content: center; gap: 32px 72px; align-items: center; }

.klf-c4 .klf-in { grid-template-columns: auto auto auto auto; gap: 32px 56px; }

/* marca */
.klf-logo img { display: block; width: 118px; height: auto; }
.klf-frase { margin: 14px 0 18px; max-width: 270px; font-size: 15px; line-height: 1.6; color: #5b6670; text-wrap: pretty; }
.klf-redes { display: flex; gap: 10px; }
.klf-rede { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
	background: #fff; border: 1px solid #dcefeb; color: #0f8f88 !important; box-shadow: 0 4px 12px rgba(15, 94, 89, .08);
	transition: background .2s, color .2s, transform .2s, border-color .2s; }
.klf-rede:hover { background: #e5485f; border-color: #e5485f; color: #fff !important; transform: translateY(-2px); }
.klf-rede svg { width: 18px; height: 18px; }

/* colunas */
.klf-tit { margin: 4px 0 16px; font: 800 13px/1 'Nunito', 'Work Sans', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #0f8f88; }
.klf-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.klf-lista li { margin: 0; padding: 0; }
.klf-item { display: flex; align-items: center; gap: 12px; color: #2b3036 !important; text-decoration: none !important;
	font-size: 15px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; margin: 0; }
.klf-ico { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
	background: #e3f4f1; color: #0f8f88; transition: background .2s, color .2s; }
.klf-ico svg { width: 18px; height: 18px; }
a.klf-item:hover { color: #0f8f88 !important; }
a.klf-item:hover .klf-ico { background: #00a39b; color: #fff; }

.klf-botao { margin-top: 20px; display: inline-flex; align-items: center; gap: 10px; padding: 12px 22px 12px 14px; border-radius: 999px;
	background: #00a39b; color: #fff !important; text-decoration: none !important; font-weight: 700; font-size: 15px;
	box-shadow: 0 10px 22px rgba(0, 163, 155, .25); transition: background .2s, transform .2s; }
.klf-botao:hover { background: #0f8f88; transform: translateY(-1px); }
.klf-botao svg { width: 20px; height: 20px; }

/* faixa de baixo */
.klf-base { background: #ece5d8; border-top: 1px solid #e0d7c7; }
.klf-base-in { max-width: 1120px; margin: 0 auto; padding: 10px 24px 12px; display: flex; flex-wrap: wrap; gap: 6px 22px;
	align-items: center; justify-content: space-between; font-size: 13px; line-height: 1.6; color: #6b7480; }
.klf-base p { margin: 0; }
.klf-base strong { color: #2b3036; font-weight: 600; }
.klf-base nav { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.klf-base a { color: #0f8f88 !important; font-weight: 600; text-decoration: none !important; }
.klf-base a:hover { color: #e5485f !important; text-decoration: underline !important; }

/* tablet */
@media (max-width: 991px) {
	.klf-in, .klf-c4 .klf-in { grid-template-columns: auto auto; }
	.klf-marca { grid-column: 1 / -1; justify-self: center; }
}
/* celular: uma coluna, tudo alinhado à esquerda num bloco centralizado */
@media (max-width: 599px) {
	.klf-in, .klf-c4 .klf-in { grid-template-columns: 1fr; justify-content: stretch; gap: 26px; padding: 28px 24px 22px; max-width: 360px; }
	.klf-logo img { width: 110px; }
	.klf-frase { margin: 12px 0 16px; }
	.klf-botao { width: 100%; justify-content: center; }
	.klf-base-in { justify-content: center; text-align: center; padding-bottom: 96px; } /* folga para o botão flutuante do WhatsApp */
	.klf-base nav { justify-content: center; }
}