.elementor-kit-5{--e-global-color-primary:#1C1C5E;--e-global-color-secondary:#09093F;--e-global-color-text:#434343;--e-global-color-accent:#64C55F;--e-global-color-87e27ba:#297425;--e-global-color-9f282c4:#D8FFD6;--e-global-color-0bf3c84:#CCE2FF;--e-global-typography-primary-font-family:"Albert Sans";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:36px;--e-global-typography-secondary-font-family:"Albert Sans";--e-global-typography-secondary-font-size:46px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-line-height:46px;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Albert Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-line-height:24px;background-color:#EAF0FF;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 2.1 Hacer que los slides se estiren a la misma altura */
.visto-carrusel .swiper-wrapper {
  align-items: stretch; /* Swiper usa display:flex; esto estira los slides al alto del más alto */
}

/* 2.2 Permitir que cada slide tome 100% del alto disponible */
.visto-carrusel .swiper-slide {
  height: auto; /* evita alturas fijas erráticas */
}

/* 2.3 La card ocupa todo el alto del slide y reparte el espacio internamente */
.card-eq {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 2.4 Zona de contenido crece para empujar el botón/cta al fondo */
.card-eq .card-body {
  /* Ajusta al .elementor-kit-5 real de tu plantilla: contenedor de texto (título, extracto, etc.) */
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* 2.5 Si tienes footer/botón dentro de la card, lo fijas abajo */
.card-eq .card-footer {
  margin-top: auto;
}

/* 2.6 Imagen con proporción constante para que no rompa alturas */
.card-eq .card-cover {
  /* contenedor del <img>; ajusta el .elementor-kit-5 al tuyo */
  aspect-ratio: 16 / 9;   /* o 4/3, 1/1 según tu diseño */
  overflow: hidden;
}
.card-eq .card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 2.7 Clamps para evitar que títulos o descripciones hagan crecer la card */
.card-eq .card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* límite de líneas del título */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-eq .card-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;   /* límite de líneas del resumen */
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */