.elementor-11830 .elementor-element.elementor-element-69d2711{--display:flex;}.elementor-11830 .elementor-element.elementor-element-f08f8bc{--display:flex;}.elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-field-type-html{padding-bottom:0px;}.elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-11830 .elementor-element.elementor-element-898ae7e .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-button[type="submit"]{color:#ffffff;}.elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-11830 .elementor-element.elementor-element-898ae7e .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-11830 .elementor-element.elementor-element-898ae7e .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-11830 .elementor-element.elementor-element-898ae7e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-11830 .elementor-element.elementor-element-898ae7e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-11830 .elementor-element.elementor-element-898ae7e{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}/* Start custom CSS for shortcode, class: .elementor-element-603d7fd *//* 1) Caja completa a altura fija */
.filtr-item .post-box{
  height:590px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:#fff !important;
  border:none !important;
}

/* 2) Imagen con alto fijo */
.filtr-item .fit-in-content{
  height:220px !important;
  overflow:hidden !important;
  flex:0 0 auto !important;
  display:block !important;
}
.filtr-item .fit-in-content img.portfolio_thumbnail{
  height:220px !important;
  width:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* 3) Zona de texto: que rellene y permita “pegar” el botón abajo */
.filtr-item [class^="bf_title_box_2-"]{
  flex:1 1 auto !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  padding:15px !important;
}

/* 4) Título: limita líneas (ajusta 3/4 según te guste) */
.filtr-item .blog_title_1{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}

/* 5) Extracto: limita líneas y ocupa el hueco */
.filtr-item .blog_desc{
  flex:1 1 auto !important;
  min-height:0 !important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:6;
  overflow:hidden;
}

/* 6) Botón siempre abajo */
.filtr-item .bf_read_more_div_1{
  margin-top:auto !important;
}
/* Que el bloque de categoría no empuje */
.filtr-item .blog_category{
  flex:0 0 auto !important;
}
.filtr-item .bf_read_more_div_1{
  padding-top:10px !important;
}



/* Caja como referencia */
.filtr-item .post-box{
  position: relative !important;
}

/* Overlay clicable usando ::before (pero esta vez, por encima y sin liarla) */
.filtr-item .post-box::before{
  content:"";
  position:absolute;
  inset:0;
  z-index: 1;
}

/* El link de "Leer más" se queda normal (no overlay) */
.filtr-item .bf_read_more_div_1 a{
  position: relative !important;
  z-index: 3 !important;
}

/* Todo el contenido normal por debajo del botón, pero encima del overlay si quieres */
.filtr-item .bf_title_box_2-801,
.filtr-item [class^="bf_title_box_2-"]{
  position: relative !important;
  z-index: 2 !important;
}
/* Manita en toda la tarjeta */
.filtr-item .post-box,
.filtr-item .post-box *{
  cursor: pointer !important;
}

/* …pero en enlaces/botones internos mantenemos el cursor normal de enlace */
.filtr-item .post-box a,
.filtr-item .post-box button{
  cursor: pointer !important;
}




/* Fila inferior: fecha izquierda + botón derecha */
.bf_bottom_row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;           /* empuja la fila al fondo del bloque */
}

/* Estilo de la fecha (mes año) */
.blog_date_bottom{
  font-size: 13px;
  color: #777;
  margin: 0 !important;
  white-space: nowrap;
}

/* Por si el plugin mete margen raro al botón */
.bf_bottom_row .bf_read_more_div_1{
  margin: 0 !important;
  padding-top: 0 !important;
}


/* Quitar icono de categoría */
.blog_cat i,
.blog_cat_icon{
  display: none !important;
}

/* Categoría más sutil y un pelín más arriba */
.blog_metaInfo .blog_cat{
  font-size: 12px !important;
  color: #777 !important;
  display: inline-block;
  margin-top: -6px !important;
}

/* Un poco de aire entre meta y extracto */
.blog_metaInfo{
  margin-bottom: 6px !important;
}
/* Subir la categoría (y la meta en general) más cerca de la imagen */
.filtr-item .blog_metaInfo{
  margin-top: -10px !important;
}

/* Alinear imagen con el padding del contenido */
.filtr-item .fit-in-content{
  padding: 0 15px !important;   /* mismo padding lateral que el texto */
  box-sizing: border-box;
}

/* Ajuste fino: que la imagen no se vea más pequeña de lo debido */
.filtr-item .fit-in-content img{
  width: 100% !important;
  display: block;
}

/* Subir el título (quitar el margen que mete el plugin) */
.filtr-item .blog_title_1{
  margin-top: 0px !important;   /* prueba 0px, 4px o 6px */
  margin-bottom: 10px !important;
  padding-top: 0 !important;
}


@media (max-width: 767px){

  ul.simplefilter{
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
    padding: 0 8px 10px;
    margin: 0 !important;

    /* Ocultar scrollbar */
    scrollbar-width: none;

    /* 🟢 Degradado UX (no rompe el scroll) */
    -webkit-mask-image: linear-gradient(
      to right,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 75%,
      rgba(0,0,0,0) 100%
    );
    mask-image: linear-gradient(
      to right,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 75%,
      rgba(0,0,0,0) 100%
    );
  }

  ul.simplefilter::-webkit-scrollbar{
    display: none;
  }

  ul.simplefilter > li{
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

}/* End custom CSS */