.cards, 
.cards__item {
  display: flex;
  flex-wrap: wrap;
}

.cards__item {
  position: relative;
  flex-flow: column;
	overflow: hidden;
}

.cards .hs_cos_wrapper_type_inline_rich_text *:last-child {
  margin-bottom: 0; 
}

.cards__item .cards__item-link {
 flex-flow: column;
}

.cards__content {
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
}

.cards__content-image {
  display: inline-block;
}

.cards__content-button,
.cards__content-cta{
  margin-top: 1em;
}

.cards__item-link {
  display: flex;
  background-color: transparent;
  text-decoration: none !important;
}

/** Layouts - Image Top **/

/** END Layouts - Image Top **/

/** Layouts - Text on Image */
.cards__content-text-on-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s;
}

.cards__item:hover .cards__content-text-on-image {
  transform: scale(1.1);
}

.cards--text-on-image .cards__item {
  overflow: hidden;
}

.cards__content-links{
		display: flex;
		align-items: stretch;
		text-align: center;
	  margin-top: 12px;
	}

.cards__content-links a{
	font-weight: bold;
	text-decoration: underline;
	display: flex;
	align-items: center;
	padding: 0px 8px;
}

.cards__content-links a:not(:last-child){
		border-right: 1px solid #ED3726;
	}

.cards__item .cards__title h5{
		margin-bottom: 10px;
	}

@media screen and (min-width: 992px){
	.cards__item .cards__title h5{
		color: #fff;
		margin-bottom: 10px;
		transition: all 0.3s ease-in-out;
	}

	.cards__item  .cards__content-text{
		height: 0;
		transform: translateY(100%);
		overflow: hidden;
		transition: all 0.3s ease; /* Animación de transición */
	}

	.cards__item, .cards__item:hover{
		transition: all 0.3s ease-in-out;
	}

	.cards__item:hover .cards__title h5{
		color: #363644;
		transition: all 0.3s ease-in-out;
	}

	.cards__item:hover  .cards__content-text{
		height: auto;
		transform: translateY(0%);
		transition: all 0.3s ease;
	}
}


/** End Layouts - Text on Image **/

{% for item in module.cards %}
	{% if item.image.src %}
		{% set sizeAttrs = 'width="" height=""' %}
		{% if item.image.size_type == 'auto' %}
			{% set sizeAttrs = 'width="" height="" style="max-width: 100%; height: auto;"' %}
		{% elif item.image.size_type == 'auto_custom_max' %}
			{% set sizeAttrs = 'width="" height="" style="max-width: 100%; height: auto;"' %}
		{% endif %}
		 {% set loadingAttr = item.image.loading != 'disabled' ? 'loading=""' : '' %}
		<img src="" alt=""  >
	{% endif %}
	{% inline_text field="title" value="" %}
	{% inline_rich_text field="text_content" value="" %}
	
	{% set href = item.button.link.url.href %}
	{% if item.button.link.url.type is equalto "EMAIL_ADDRESS" %}
		{% set href = "mailto:" + href %}
	{% endif %}
	<a href=""
		{% if item.button.link.open_in_new_tab %}target="_blank"{% endif %}
		{% if item.button.link.rel %}rel=""{% endif %}
		>
		Link text
	</a>
	
	{% inline_text field="button.button_label" value="" %}
	
	
	{% if item.button.add_icon %}
		<!-- HTML to show when checked -->
	{% endif %}
	{% icon
		name=""
		style=""
		unicode=""
		icon_set=""
	%}
	
	{% cta guid="" %}
	{% set href = item.card_link.url.href %}
	{% if item.card_link.url.type is equalto "EMAIL_ADDRESS" %}
		{% set href = "mailto:" + href %}
	{% endif %}
	<a href=""
		{% if item.card_link.open_in_new_tab %}target="_blank"{% endif %}
		{% if item.card_link.rel %}rel=""{% endif %}
		>
		Link text
	</a>
	{% for item2 in item.column_links %}
		
		{% inline_text field="text" value="" %}
	{% endfor %}
{% endfor %}