/* ---------- IO4ALL Testimonials ---------- */
/* Scoped under .io4all-testemonials to avoid theme collisions. Values mirror
   the reference index.html DEPOIMENTOS styles (L895-953). Typography inherits
   the site/Elementor global settings (no forced external fonts). */

.io4all-testemonials {
	max-width: 100%;
}

.io4all-testemonials .testi-wrap {
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
}

.io4all-testemonials .testi-stack {
	display: grid;
}

.io4all-testemonials .testi-item {
	grid-area: 1 / 1;
	background: #f6f7f9;
	border-radius: 22px;
	padding: 44px 40px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.io4all-testemonials .testi-item.active {
	opacity: 1;
	visibility: visible;
}

.io4all-testemonials .testi-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	margin: 0 auto 18px;
	background: #0e2c4a;
	color: #e8b93a;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
}

.io4all-testemonials .testi-quote {
	margin: 0;
	font-size: 17px;
	color: #0e2c4a;
	font-weight: 500;
}

.io4all-testemonials .testi-name {
	margin-top: 18px;
	font-weight: 700;
	font-size: 14.5px;
	color: inherit;
}

.io4all-testemonials .testi-role {
	margin-top: 2px;
	font-size: 13px;
	color: #57677a;
}

.io4all-testemonials .testi-eyebrow {
	display: inline-block;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #c8102e;
}

.io4all-testemonials .testi-title {
	margin-top: 12px;
	margin-bottom: 34px;
	font-size: clamp(24px, 3.4vw, 32px);
	line-height: 1.2;
}

.io4all-testemonials .testi-dots {
	--io4all-dot-size: 8px;
	--io4all-dot-spacing: 8px;
	display: flex;
	gap: var(--io4all-dot-spacing);
	justify-content: center;
	margin-top: 26px;
}

.io4all-testemonials .testi-dots button {
	width: var(--io4all-dot-size);
	height: var(--io4all-dot-size);
	border-radius: 50%;
	background: #e3e8ed;
	border: none;
	cursor: pointer;
	padding: 0;
}

.io4all-testemonials .testi-dots button.active {
	background: #c8102e;
	width: calc(var(--io4all-dot-size) * 2.75);
	border-radius: 5px;
	transition: width 0.2s ease;
}

@media (max-width: 767px) {
	.io4all-testemonials .testi-item {
		padding: 32px 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.io4all-testemonials .testi-item,
	.io4all-testemonials .testi-dots button.active {
		transition: none;
	}
}