.elementor-3453 .elementor-element.elementor-element-b03c221{--display:flex;--min-height:200px;--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;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3453 .elementor-element.elementor-element-b03c221:not(.elementor-motion-effects-element-type-background), .elementor-3453 .elementor-element.elementor-element-b03c221 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3453 .elementor-element.elementor-element-2ac400f{--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-3453 .elementor-element.elementor-element-f4a7624{--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-3453 .elementor-element.elementor-element-3083d3d{width:auto;max-width:auto;padding:0px 0px 16px 0px;text-align:center;}.elementor-3453 .elementor-element.elementor-element-3083d3d .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;}@media(max-width:767px){.elementor-3453 .elementor-element.elementor-element-2ac400f{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3453 .elementor-element.elementor-element-3083d3d .elementor-heading-title{font-size:20px;line-height:140%;}}/* Start custom CSS for shortcode, class: .elementor-element-125566f */en que parte de este codigo aparece una caja azul .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;
  }
}
.featured-post-overlay {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b03c221 */.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 */