/* =========================================================================
 * Footer Accordion — v3.1 (sin dependencias)
 *
 * Mejora el ACORDEÓN NATIVO de Elementor. Se activa con el control "Modo columnas"
 * (añade la clase .dc-columns al wrapper del widget). El JS añade .dc-cols sobre
 * el .e-n-accordion mientras toque mostrar columnas (según el breakpoint elegido)
 * y abre los <details>. Por debajo de ese breakpoint queda como acordeón nativo.
 * ========================================================================= */

.dc-columns .e-n-accordion {
	--dc-cols: 4;
	--dc-gap: 28px;
	--dc-col-align: stretch;
}

/* ---- Modo columnas (escritorio) ---- */
.dc-columns .e-n-accordion.dc-cols {
	display: grid;
	/* Anchos por columna: --dc-template (uno por columna) si se define;
	   si no, N columnas iguales según --dc-cols */
	grid-template-columns: var(--dc-template, repeat(var(--dc-cols), minmax(0, 1fr)));
	gap: var(--dc-gap);
	align-items: start;
	justify-content: var(--dc-justify, start);
}

.dc-columns .e-n-accordion.dc-cols > .e-n-accordion-item {
	display: flex;
	flex-direction: column;
	align-items: var(--dc-col-align);
	border: 0;
	/* Animación de entrada (CSS puro, sin librerías) */
	animation: dcFadeUp .45s ease both;
}

/* Stagger ligero por posición */
.dc-columns .e-n-accordion.dc-cols > .e-n-accordion-item:nth-child(2) { animation-delay: .06s; }
.dc-columns .e-n-accordion.dc-cols > .e-n-accordion-item:nth-child(3) { animation-delay: .12s; }
.dc-columns .e-n-accordion.dc-cols > .e-n-accordion-item:nth-child(4) { animation-delay: .18s; }
.dc-columns .e-n-accordion.dc-cols > .e-n-accordion-item:nth-child(5) { animation-delay: .24s; }
.dc-columns .e-n-accordion.dc-cols > .e-n-accordion-item:nth-child(6) { animation-delay: .30s; }

/* El título pasa a ser estático; el icono +/- se oculta */
.dc-columns .e-n-accordion.dc-cols > .e-n-accordion-item > .e-n-accordion-item-title {
	pointer-events: none;
	cursor: default;
	width: 100%;
}
.dc-columns .e-n-accordion.dc-cols .e-n-accordion-item-title-icon {
	display: none;
}

@keyframes dcFadeUp {
	from { opacity: 0; transform: translateY(14px); }
	to   { opacity: 1; transform: none; }
}

@media ( prefers-reduced-motion: reduce ) {
	.dc-columns .e-n-accordion.dc-cols > .e-n-accordion-item {
		animation: none;
	}
}