.elementor-3088 .elementor-element.elementor-element-a4a11f2{margin-top:0px;margin-bottom:0px;}.elementor-3088 .elementor-element.elementor-element-46c72b2{margin-top:0px;margin-bottom:0px;}.elementor-3088 .elementor-element.elementor-element-71c75df{padding:115px 0px 60px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3088 .elementor-element.elementor-element-25a08e3{text-align:center;}.elementor-3088 .elementor-element.elementor-element-25a08e3 .elementor-heading-title{font-family:"Arimo", Sans-serif;font-weight:400;color:#000000;}.elementor-3088 .elementor-element.elementor-element-d3c37ed .section-title{text-align:center;}.elementor-3088 .elementor-element.elementor-element-d3c37ed .section-title .title{font-family:"Arimo", Sans-serif;}.elementor-3088 .elementor-element.elementor-element-d3c37ed .section-title .description{font-family:"Arimo", Sans-serif;}.elementor-3088 .elementor-element.elementor-element-2edf483 > .elementor-widget-container{margin:0px 0px 0px 61px;}.elementor-3088 .elementor-element.elementor-element-4cb93f5 .section-title{text-align:center;}.elementor-3088 .elementor-element.elementor-element-4cb93f5 .section-title .title{font-family:"Arimo", Sans-serif;}.elementor-3088 .elementor-element.elementor-element-4cb93f5 .section-title .description{font-family:"Arimo", Sans-serif;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3088 .elementor-element.elementor-element-0b0a725 .elementor-button{background-color:#BEAD67;}.elementor-3088 .elementor-element.elementor-element-764c77c{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3088 .elementor-element.elementor-element-764c77c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3088 .elementor-element.elementor-element-8b0f973.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3088 .elementor-element.elementor-element-f8b1e91{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3088 .elementor-element.elementor-element-f8b1e91.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3088 .elementor-element.elementor-element-c49aede.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3088 .elementor-element.elementor-element-5b7a8f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3088 .elementor-element.elementor-element-15b6667{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3088 .elementor-element.elementor-element-297b49c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:36px 0px 39px 0px;}.elementor-3088 .elementor-element.elementor-element-297b49c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3088 .elementor-element.elementor-element-32136463{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3088 .elementor-element.elementor-element-d4caab1 > .elementor-widget-container{margin:0px 0px 0px 60px;}.elementor-3088 .elementor-element.elementor-element-910b8c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3088 .elementor-element.elementor-element-9838aea:not(.elementor-motion-effects-element-type-background), .elementor-3088 .elementor-element.elementor-element-9838aea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cartagenaflats.com/wp-content/uploads/2025/07/slider1.jpg");}.elementor-3088 .elementor-element.elementor-element-9838aea{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:92px 0px 122px 0px;}.elementor-3088 .elementor-element.elementor-element-9838aea > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3088 .elementor-element.elementor-element-bc322ec .section-title .subtitle{color:#BEAD67;font-family:"Arimo", Sans-serif;}.elementor-3088 .elementor-element.elementor-element-bc322ec .section-title .title{color:#FFFFFF;font-family:"Arimo", Sans-serif;}.elementor-3088 .elementor-element.elementor-element-d8fd516{margin-top:35px;margin-bottom:0px;}.elementor-3088 .elementor-element.elementor-element-3456ffb > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3088 .elementor-element.elementor-element-3456ffb > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3088 .elementor-element.elementor-element-324d6e2 .testimonial .testimonial-item .name{font-family:"Arimo", Sans-serif;}.elementor-3088 .elementor-element.elementor-element-324d6e2 .testimonial .testimonial-item .designation{font-family:"Arimo", Sans-serif;}.elementor-3088 .elementor-element.elementor-element-324d6e2 .testimonial .testimonial-item .quote{font-family:"Arimo", Sans-serif;}@media(max-width:1024px){.elementor-3088 .elementor-element.elementor-element-71c75df{padding:110px 0px 105px 0px;}.elementor-3088 .elementor-element.elementor-element-764c77c{--grid-auto-flow:row;}.elementor-3088 .elementor-element.elementor-element-f8b1e91{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3088 .elementor-element.elementor-element-764c77c{--min-height:0vh;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3088 .elementor-element.elementor-element-f8b1e91{--min-height:0vh;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3088 .elementor-element.elementor-element-d4caab1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3088 .elementor-element.elementor-element-9838aea{padding:92px 0px 105px 0px;}}/* Start custom CSS for html, class: .elementor-element-8b0f973 *//* Contenedor principal de la rejilla. */
.wp-custom-card-grid .card-grid {
  display: flex;
  justify-content: center;
  gap: 30px; /* Espacio entre las tarjetas */
  flex-wrap: wrap; /* Permite que las tarjetas salten de línea */
  padding: 0 20px;
  box-sizing: border-box;
}

/* Estilos de cada tarjeta */
.wp-custom-card-grid .card-item {
  flex: 1 1 300px;
  height: 700px; /* Altura de las tarjetas en escritorio */
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  transition: transform 0.3s ease;
}

.wp-custom-card-grid .card-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

/* Estilos de fondo de la imagen */
.wp-custom-card-grid .card-background {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.8s ease-out;
}

/* Estilos del overlay */
.wp-custom-card-grid .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: background-color 0.8s ease;
}

/* Estilos del texto */
.wp-custom-card-grid .card-text-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  color: #fff;
  text-align: center;
  z-index: 10;
}

.wp-custom-card-grid .card-text-wrapper h4 {
  font-size: 40px; /* Estilo movido desde el HTML */
  margin: 0 0 10px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  color: #fff;
}

.wp-custom-card-grid .card-description {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 1.2s ease-out, opacity 1.2s ease-out;
}

.wp-custom-card-grid .card-description b {
  font-weight: 700; /* Estilo movido desde el HTML */
}

/* Efectos al pasar el ratón (HOVER) */
.wp-custom-card-grid .card-item:hover .card-background {
  transform: scale(1.05);
}

.wp-custom-card-grid .card-item:hover .card-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

.wp-custom-card-grid .card-item:hover .card-description {
  max-height: 300px;
  opacity: 1;
}

/* Responsive: en pantallas más pequeñas las tarjetas se apilan. */
@media (max-width: 768px) {
  .wp-custom-card-grid .card-grid {
    flex-direction: column;
    align-items: center;
    padding: 0 10px;
    gap: 20px; /* Espacio reducido en móvil */
  }
  .wp-custom-card-grid .card-item {
    width: 100%;
    height: 400px; /* Altura ajustada para móviles */
    margin-bottom: 0; /* Elimina el margen inferior */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c49aede *//*
 * Contenedor principal de la rejilla.
 * No es necesario un ancho fijo, se adapta al 100%
 * para un diseño full-width.
 */
.wp-custom-card-grid .card-grid {
  display: flex;
  justify-content: center;
  gap: 30px; /* Espacio entre las tarjetas */
  flex-wrap: wrap; /* Permite que las tarjetas salten de línea en pantallas pequeñas */
  padding: 0 20px;
  box-sizing: border-box; /* Asegura que el padding no cause desbordamiento */
}

/*
 * Estilos de cada tarjeta.
 * Altura fija para mantener un diseño consistente.
 */
.wp-custom-card-grid .card-item {
  flex: 1 1 300px; /* Las tarjetas crecen y se encogen, con un ancho base de 300px */
  height: 700px;/* Altura de las tarjetas */
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  transition: transform 0.3s ease;
}

.wp-custom-card-grid .card-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

/*
 * Estilos del fondo de la imagen, que ocupa toda la tarjeta.
 */
.wp-custom-card-grid .card-background {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.8s ease-out; /* Transición suave para el efecto de zoom */
}

/*
 * Estilos del overlay (la capa oscura que cubre la imagen).
 */
.wp-custom-card-grid .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: background-color 0.8s ease; /* Transición suave del color */
}

/*
 * Estilos del texto (título y descripción).
 * Se centra vertical y horizontalmente.
 */
.wp-custom-card-grid .card-text-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  color: #fff;
  text-align: center;
  z-index: 10;
}

.wp-custom-card-grid .card-text-wrapper h4 {
  font-size: 1.5em;
  margin: 0 0 10px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  color: #fff; /* Título en color blanco */
}

.wp-custom-card-grid .card-text-wrapper .card-description {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 1.2s ease-out, opacity 1.2s ease-out; /* Transición lenta para la aparición del texto */
}

/*
 * Efectos al pasar el ratón (HOVER).
 */
.wp-custom-card-grid .card-item:hover .card-background {
  transform: scale(1.05); /* Efecto de zoom */
}

.wp-custom-card-grid .card-item:hover .card-overlay {
  background-color: rgba(0, 0, 0, 0.7); /* El overlay se oscurece más */
}

.wp-custom-card-grid .card-item:hover .card-description {
  max-height: 300px;
  opacity: 1; /* El texto se hace visible */
}

/*
 * Responsive: en pantallas más pequeñas las tarjetas se apilan.
 */
@media (max-width: 768px) {
  .wp-custom-card-grid .card-grid {
    flex-direction: column; /* Apila las tarjetas verticalmente */
    align-items: center;
    padding: 0 10px;
  }
  .wp-custom-card-grid .card-item {
    width: 100%;
    height: 700px;
    margin-bottom: 20px;
  }
}/* End custom CSS */