<article class="{{ separation }} slideTestimonials bg-{{ index.index0 }} py-3" id="{{ id }}">
	<section class="contains-fluid px-2 px-md-0 pb-4"> 
		<h2 class="slideTestimonials__title pb-3">
			{{ component.blockTitle }}
		</h2>
		<div class="row">
			<section class="col-12 col-lg-4">
				<div class="col-10 col-lg-6 mx-auto ms-lg-auto me-lg-5">
					<h3 class="slideTestimonials__subTitle">
						{{ component.subTitle }}
					</h3>
					{# {% set testimonios_url = #}
					{# craft.entries().section('testimoniosEntries').one().url #}
					{# %} #}
						<section class="d-inline-block mb-3"> {% include 'components/_btnArrow' with {
              btn: component.itemLink
            } only %}
					</section>
				</div>
			</section>
			<section class="col-12 col-lg-8">
				{% set testimoniosEntries__all =
          craft.entries().section('comunicadosEntries').limit(6).all()
        %}
				{% if (testimoniosEntries__all|length) > 0 %}
					<div class="swiper testimonios_slider pb-5">
						<div class="swiper-wrapper">
							{% for item in testimoniosEntries__all %}
								<div class="swiper-slide">
									<section class="card">
										<div class="card-body px-md-5">
											<section class="card-testimonial">
												{{ item.fieldRedactorSimple|striptags|slice(0, 200) }}
											</section>
											<p class="card-author">
												-{{ item.fieldText }}
											</p>
										</div>
										<div class="card-header">
											{% set img = item.fieldImage1.one() %}
											<img data-src="{{ img.getUrl('headerCard') }}" alt="{{ img.title }}" loading="lazy" class="lazyload img-absolute"/>
										</div>
									</section>
								</div>
							{% endfor %}
						</div>
						<div class="swiper-button-next d-none d-md-block"></div>
						<div class="swiper-button-prev d-none d-md-block"></div>
						<div class="swiper-pagination"></div>
					</div>
				{% endif %}
			</section>
		</div>
	</section>
</article>
