.elementor-1283 .elementor-element.elementor-element-1f3543b{--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;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1283 .elementor-element.elementor-element-70e5b45{--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;--padding-top:15px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1283 .elementor-element.elementor-element-5108149{--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-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-1283 .elementor-element.elementor-element-812afcb{width:auto;max-width:auto;padding:0px 0px 16px 0px;}.elementor-1283 .elementor-element.elementor-element-812afcb .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:24px;font-weight:500;text-transform:uppercase;}@media(max-width:767px){.elementor-1283 .elementor-element.elementor-element-1f3543b{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-1283 .elementor-element.elementor-element-70e5b45{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-f4675ca */.featured-post-card {
  position: relative;
  width: 100%;
  height: 100%; /* Toma la altura del contenedor */
  overflow: hidden;
  border-radius: 12px;
  --zoom-scale: 1;
}

/* Fondo con zoom */
.featured-post-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--bg-url);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(var(--zoom-scale));
  transition: transform 0.8s ease-in-out;
}

.featured-post-card:hover {
  --zoom-scale: 1.1;
}

/* Overlay */
.featured-post-overlay {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: #4C97D2B2;
  color: white;
  font-weight: 600;
  font-family: "Barlow Condensed", sans-serif;
  padding: 6px 12px;
  border-radius: 8px;
  display: flex;
  gap: 15px;
  align-items: center;
  font-size: 16px;
  z-index: 1;
  text-transform: uppercase;
}

span.separator {
    color:#283952;
}

@media (max-width: 1024px) {
  .featured-post-card {
    height: auto; /* Permite que se adapte */
    max-height: 400px; /* Límite cómodo para tablets */
    aspect-ratio: 16 / 9; /* Mantiene proporción bonita */
  }
}

@media (max-width: 767px) {
  .featured-post-card {
    height: auto;
    max-height: 280px; /* Compacto en móvil */
    aspect-ratio: 16 / 9; /* Proporción perfecta */
  }

  .featured-post-overlay {
    font-size: 12px; /* Para no tapar demasiado */
    padding: 4px 8px;
  }
}/* End custom CSS */