/* INSIDE · Testimonios (carrusel) */
.ist-slider {
	--ist-tinta: #1C1A18; --ist-suave: #6E6862; --ist-taupe: #8A7B6B; --ist-linea: #D8D1C7;
	--ist-gap: 20px; --ist-visibles: 3;
	font-family: "Manrope", "Helvetica Neue", Arial, sans-serif;
	position: relative;
}
.ist-track {
	display: flex; gap: var(--ist-gap); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
	scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 2px; outline: none;
}
.ist-track::-webkit-scrollbar { display: none; }
.ist-track:focus-visible { box-shadow: 0 0 0 1px var(--ist-tinta); }
.ist-card {
	flex: 0 0 calc((100% - (var(--ist-visibles) - 1) * var(--ist-gap)) / var(--ist-visibles));
	scroll-snap-align: start; box-sizing: border-box; margin: 0;
	padding: 32px 30px 26px; background: #fff; border: 1px solid var(--ist-linea); border-radius: 2px;
	display: flex; flex-direction: column;
}
.ist-comillas { display: block; font-size: 64px; line-height: .6; height: 28px; color: var(--ist-taupe); font-weight: 300; margin-bottom: 12px; }
.ist-card blockquote { margin: 0; padding: 0; border: 0; quotes: none; font-style: normal; flex: 1; }
.ist-card blockquote p { margin: 0 0 12px; font-size: 16px; line-height: 1.65; color: var(--ist-tinta); font-weight: 400; font-family: inherit; }
.ist-card blockquote p:last-child { margin-bottom: 0; }
.ist-card figcaption { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--ist-linea); display: grid; gap: 4px; }
.ist-nombre { font-size: 11px; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; color: var(--ist-tinta); font-style: normal; }
.ist-detalle { font-size: 13px; color: var(--ist-suave); font-style: normal; }

.ist-controles { display: flex; align-items: center; gap: 10px; margin-top: 26px; }
.ist-progreso { flex: 1; height: 1px; background: var(--ist-linea); position: relative; overflow: hidden; margin-right: 14px; }
.ist-progreso span { position: absolute; left: 0; top: 0; height: 100%; width: 0; background: var(--ist-tinta); transition: width .4s ease, left .4s ease; }
.ist-btn {
	width: 48px; height: 48px; display: grid; place-items: center; padding: 0; cursor: pointer;
	font: 400 18px/1 "Manrope", Arial, sans-serif; color: var(--ist-tinta);
	background: transparent; border: 1px solid var(--ist-tinta); border-radius: 0; transition: background .2s, color .2s;
}
.ist-btn:hover, .ist-btn:focus-visible { background: var(--ist-tinta); color: #fff; outline: none; }
@media (max-width: 1024px) { .ist-slider { --ist-visibles: 2; } }
@media (max-width: 640px) {
	.ist-slider { --ist-visibles: 1; }
	.ist-card { flex-basis: 86%; padding: 26px 22px 22px; }
	.ist-btn { width: 42px; height: 42px; }
}
@media (prefers-reduced-motion: reduce) { .ist-track { scroll-behavior: auto; } .ist-progreso span { transition: none; } }
