<a href="{{pressentry.url}}" class="Newsgrid__card card px-lg-4 h-100 {{active is defined and active  is same as(true) ? 'Newsgrid__card--active'}}">
	{% include 'components/_imageTransformsSimple' with {
        img: pressentry.image.one,
        setClass: 'img-fluid',
        alt: pressentry.title,
        transforms: {
            '(min-width: 1197px)': {
                width: 800,
                height: 600
            },
            '(min-width: 1196px)': {
                width: 800,
                height: 600
            },
            '(min-width: 695px)': {
                width: 600,
                height: 450
            }
        },
        default: {
            width: 800,
            height: 600
        }
      } only %}
	<div class="card-body pb-5">
		{% if pressentry.contentPress is not empty %}
			<p class="Newsgrid__card_category">{{pressentry.contentPress.one.title}}</p>
		{% endif %}
		<h3 class="Newsgrid__card_title m-0">{{pressentry.title}}</h3>
		<div class="Newsgrid__card_description pt-2 pb-3">{{pressentry.description|chop(limit=18, unit='w')}}</div>
		<button href="{{pressentry.url}}" class="Newsgrid__card_cta py-3 px-lg-5 btnArrow">
			<span>{{ 'Leer MÁS'|t|upper }}</span>
			{{svg("@webroot/assets/img/arrow-simple.svg")}}
		</button>
	</div>
</a>
