/**
 * Estilos de los bloques ABGN Blocks en el frontend.
 */

/* ------------------------------------------------------------- abgn/icon */
.abgn-icon-wrap {
	display: flex;
}
.abgn-icon-align-left { justify-content: flex-start; }
.abgn-icon-align-center { justify-content: center; }
.abgn-icon-align-right { justify-content: flex-end; }
.abgn-icon-wrap a {
	display: inline-flex;
	color: inherit;
}
.abgn-icon-svg {
	display: block;
	flex-shrink: 0;
}

/* ------------------------------------------------------ abgn/icon-list */
.abgn-icon-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.abgn-icon-list-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.abgn-icon-list-icon {
	flex-shrink: 0;
	margin-top: 3px;
}
.abgn-icon-list-text {
	flex: 1;
}

/* --------------------------------------------------------- abgn/counter */
.abgn-counter {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.abgn-counter-align-left { align-items: flex-start; text-align: left; }
.abgn-counter-align-center { align-items: center; text-align: center; }
.abgn-counter-align-right { align-items: flex-end; text-align: right; }
.abgn-counter-label {
	margin: 0;
	font-family: var(--wp--preset--font-family--bebas-neue, inherit);
	font-size: 15px;
	letter-spacing: 0.02em;
	line-height: 1.2;
}
.abgn-counter-number {
	font-family: var(--wp--preset--font-family--bebas-neue, inherit);
	line-height: 1;
	letter-spacing: 0.02em;
}
.abgn-counter-value,
.abgn-counter-prefix,
.abgn-counter-suffix {
	font-size: inherit;
}

/* -------------------------------------------------- abgn/logo-carousel */
.abgn-logo-carousel {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.abgn-logo-track {
	display: flex;
	align-items: center;
	gap: 64px;
	width: max-content;
	user-select: none;
	touch-action: pan-y;
	will-change: transform;
}
.abgn-logo-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	flex-shrink: 0;
	background: var(--abgn-lc-bg, transparent);
	padding: var(--abgn-lc-padding, 0);
	border-radius: var(--abgn-lc-radius, 0);
	border: var(--abgn-lc-border, none);
}
.abgn-logo-item img {
	max-height: var(--abgn-logo-height, 200px);
	width: auto;
	object-fit: contain;
	-webkit-user-drag: none;
	user-drag: none;
	pointer-events: none;
}
.abgn-logo-caption {
	font-size: 13px;
	color: var(--abgn-lc-text, #666);
	text-align: center;
}