/* =============================================================================
   DKT Store — Footer custom (Home Premium v3.2 · estilo DKT Store Brasil)
   Site-wide. Magenta, 4 columnas + banda de redes POR MARCA + legal.
   ⚠️ La clase raíz .dkt-footer NO se renombra (los landings la ocultan por
   selector exacto con display:none !important).
   ============================================================================= */

/* Ocultar el footer nativo de Astra (garantía CSS; el remove_action lo limpia). */
.site-footer,
.ast-small-footer,
.ast-footer-overlay { display: none !important; }

.dkt-footer {
	background: var(--dkt-magenta);
	color: var(--dkt-white);
	padding: 56px 0 0;
	--ease: cubic-bezier(0.22, 0.61, 0.36, 1);   /* curva del mockup, scoped (fidelidad v3.2) */
}

/* ---------- Grid de 4 columnas ---------- */
.dkt-footer__grid {
	max-width: 1180px;
	margin-inline: auto;
	padding-inline: 24px;
	display: grid;
	grid-template-columns: 1.3fr 1fr 1fr 1fr;
	gap: 44px;
	padding-bottom: 44px;
}
.dkt-footer__logo { height: 74px; width: auto; max-width: none; margin: 0 0 14px; display: block; }
.dkt-footer__tag { color: #FFE3EF; max-width: 36ch; font-size: 0.95rem; line-height: 1.55; margin: 0; }

.dkt-footer__col h5 {
	font: 600 1rem/1 var(--dkt-font-titles, 'Poppins', sans-serif);
	color: var(--dkt-white);
	margin: 0 0 1.1em;
}
.dkt-footer__col ul { list-style: none; display: grid; gap: 0.8em; margin: 0; padding: 0; }
.dkt-footer__col a {
	color: #FFE3EF;
	font: 400 0.93rem/1.3 var(--dkt-font-body, 'Inter', sans-serif);
	text-decoration: none;
	transition: color 0.2s var(--ease);
}
.dkt-footer__col a:hover { color: var(--dkt-white); }

/* ---------- Banda de redes por marca ---------- */
.dkt-footer__redes {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 26px;
	padding: 4px 24px 28px;
	flex-wrap: wrap;
}
.dkt-footer__rgrp { display: flex; align-items: center; gap: 14px; }
.dkt-footer__rgrp > img { height: 20px; width: auto; max-width: none; opacity: 0.95; }
.dkt-footer__rgrp--dkt > img { height: 30px; }
.dkt-footer__rdiv { width: 1px; height: 32px; background: rgba(255,255,255,0.3); }
.dkt-footer__socs { display: flex; gap: 8px; }
.dkt-footer__soc {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1.3px solid rgba(255,255,255,0.45);
	display: grid;
	place-items: center;
	color: var(--dkt-white);
	text-decoration: none;
	transition: background 0.25s var(--ease), transform 0.25s var(--ease);
}
.dkt-footer__soc:hover { background: rgba(255,255,255,0.15); transform: translateY(-2px); }
.dkt-footer__soc svg { width: 15px; height: 15px; max-width: none; }

/* ---------- Legal ---------- */
.dkt-footer__legal {
	text-align: center;
	font: 400 0.8rem/1.6 var(--dkt-font-body, 'Inter', sans-serif);
	color: #FFD7E8;
	border-top: 1px solid rgba(255,255,255,0.22);
	padding: 20px 24px;
	max-width: 900px;
	margin: 0 auto;
}

/* ---------- Responsive (breakpoints canónicos DEC-W067) ---------- */
@media (max-width: 1024px) {
	.dkt-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
	.dkt-footer__grid { grid-template-columns: 1fr; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
	.dkt-footer__soc,
	.dkt-footer__col a { transition: none !important; }
	.dkt-footer__soc:hover { transform: none; }
}