/* Uniali — Depoimentos */

.udp-bloco{
	--udp-cor:#63991a;
	max-width:1180px;margin:0 auto;padding:20px 16px 10px;text-align:center;
	font-family:inherit;
}

.udp-topo{margin-bottom:28px}
.udp-aspas{width:38px;height:38px;color:var(--udp-cor);margin:0 auto 10px;display:block}
.udp-titulo{
	font-size:38px;font-weight:800;color:#2c2c2a;margin:0 0 10px;line-height:1.1;
}
.udp-sub{
	font-size:17px;color:#888;margin:0;font-weight:400;
}

/* Carrossel */
.udp-carrossel{overflow:hidden;padding:8px 4px}
.udp-track{
	display:flex;gap:24px;transition:transform .4s cubic-bezier(.4,0,.2,1);
	will-change:transform;
}
.udp-card{
	flex:0 0 calc((100% - 48px) / 3);box-sizing:border-box;
	background:#fff;border:1px solid #eee;border-radius:16px;
	padding:40px 24px 30px;position:relative;text-align:center;
	box-shadow:0 4px 20px rgba(0,0,0,.04);
}

.udp-card-aspas{
	width:40px;height:40px;color:var(--udp-cor);opacity:.9;
	margin:0 auto 16px;display:block;
}

.udp-nome{font-size:20px;font-weight:800;color:#2c2c2a;margin-bottom:3px}
.udp-cargo{font-size:14px;color:var(--udp-cor);font-weight:600;margin-bottom:10px}

.udp-stars{font-size:19px;letter-spacing:2px;margin-bottom:14px;display:block}
.udp-star-off{color:#ddd}

.udp-texto{
	font-size:15px;line-height:1.6;color:#666;margin:0;font-weight:400;
}

/* Navegação */
.udp-nav{
	display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px;
}
.udp-prev,.udp-next{
	width:46px;height:46px;border-radius:50%;border:1px solid #ddd;background:#fff;
	color:#888;font-size:22px;line-height:1;cursor:pointer;transition:all .15s;
	display:flex;align-items:center;justify-content:center;padding:0;
}
.udp-prev:hover,.udp-next:hover{border-color:var(--udp-cor);color:var(--udp-cor)}
.udp-dots{display:flex;gap:8px;align-items:center}
.udp-dot{
	width:9px;height:9px;border-radius:50%;background:#d5d5d5;border:0;padding:0;cursor:pointer;
	transition:all .2s;
}
.udp-dot.on{background:var(--udp-cor);width:11px;height:11px}

.udp-vazio{
	max-width:600px;margin:20px auto;padding:20px;border:1px dashed #ccc;border-radius:10px;
	text-align:center;color:#888;
}

/* Responsivo */
@media (max-width:900px){
	.udp-card{flex:0 0 calc((100% - 24px) / 2)}
	.udp-titulo{font-size:30px}
}
@media (max-width:600px){
	.udp-card{flex:0 0 100%}
	.udp-titulo{font-size:25px}
	.udp-sub{font-size:15px}
}