/*
 * CrediTotal — Footer (xmoze_footer "Footer Main", post 11479).
 * Alineación de la barra inferior según Figma (node 1186:752):
 *   © copyright a la IZQUIERDA  |  enlaces legales (Términos · Políticas · Cookies)
 *   en una FILA a la DERECHA (flush al borde), no centrados.
 * Site-wide: el footer aparece en todas las páginas.
 * Hooks = element IDs estables del footer (ftlegal1, 25367da, 80764a0).
 */

/* Icono de WhatsApp/teléfono (Ayuda · "0412 880 92 25"): sin espacio a la derecha. */
.elementor-11479 .elementor-element.elementor-element-80764a0 .elementor-icon-list-icon {
	padding-inline-end: 0 !important;
}

/* Home (page-id-109): el Customizer define un "badge" teal para los icon-list de
   tiendas/bancos aliados (.page-id-109 .elementor-icon-list-icon { background:rgba(58,173,202,.1);
   padding:12px; border-radius:14px }), pero esa regla NO está acotada y se "fuga" a TODOS los
   icon-list de la página — incluido el footer (icono de WhatsApp en "Ayuda"), que aparece con
   un fondo teal redondeado. Lo neutralizamos AQUÍ (en código, no en el Customizer/BD) para que
   el arreglo viaje con el deploy del theme y aplique en todos los entornos por igual.
   El selector replica la excepción ya validada en el Customizer local (sección outer 84ea314). */
.page-id-109 .elementor-element-84ea314 .elementor-icon-list-icon {
	background-color: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
}

/* Enlaces legales: FILA horizontal alineada a la derecha.
   display:flex fuerza la fila aunque el icon-list no esté en modo "inline"
   (cubre el caso del hosting con datos viejos = links apilados verticalmente). */
.elementor-element-ftlegal1 .elementor-icon-list-items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 6px 24px;
	text-align: right;
}
.elementor-element-ftlegal1 .elementor-icon-list-item {
	margin: 0;          /* neutraliza los márgenes verticales del modo lista */
}

/* Copyright: a la izquierda */
.elementor-element-25367da,
.elementor-element-25367da .elementor-heading-title {
	text-align: left;
}

/* En móvil (cuando las 2 columnas se apilan), centrar ambos para que se vea ordenado */
@media (max-width: 767px) {
	/* Enlaces legales (Términos · Políticas): centrados y en una sola fila si caben
	   (flex-wrap los apila solo si no entran). */
	.elementor-element-ftlegal1 .elementor-icon-list-items {
		justify-content: center;
		text-align: center;
	}
	.elementor-element-25367da,
	.elementor-element-25367da .elementor-heading-title {
		text-align: center;
	}

	/* El botón flotante de WhatsApp es position:fixed (≈54px en right/bottom 16px).
	   Dejamos aire al pie de la barra inferior para que el botón flote sobre el
	   espacio vacío y NO tape los enlaces legales. */
	.elementor-element-c29e9d4 {
		padding-bottom: 88px !important;
	}

	/* ── Acordeones "Navegación" / "Ayuda" ──────────────────────────────────────
	   footer-mobile.js añade .ct-foot-acc a la columna y alterna .ct-foot-open. */
	.ct-foot-acc .elementor-widget-heading {
		cursor: pointer;
		user-select: none;
	}
	.ct-foot-acc .elementor-heading-title {
		position: relative;
		display: inline-block;
		padding-right: 22px;          /* espacio para el chevron */
	}
	.ct-foot-acc .elementor-heading-title::after {
		content: "";
		position: absolute;
		right: 2px;
		top: 45%;
		width: 8px;
		height: 8px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: translateY(-50%) rotate(45deg);   /* chevron hacia abajo */
		transition: transform .25s ease;
	}
	.ct-foot-acc.ct-foot-open .elementor-heading-title::after {
		transform: translateY(-20%) rotate(-135deg);  /* chevron hacia arriba */
	}

	/* La lista (icon-list) arranca colapsada y se expande al abrir. */
	.ct-foot-acc .elementor-widget-icon-list {
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		margin-top: 0;
		margin-bottom: 0;
		transition: max-height .35s ease, opacity .25s ease, margin .35s ease;
	}
	.ct-foot-acc.ct-foot-open .elementor-widget-icon-list {
		max-height: 480px;
		opacity: 1;
	}
}