.elementor-31 .elementor-element.elementor-element-a369d00{--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;--margin-top:140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3365f4d *//* ===== HUMIX · Temas de actualidad / Te puede interesar ===== */
.hx-topics{
  --hx-blue:#9dbbe5;   /* azul pastel HUMIX */
  --hx-red:#fa1f02;    /* rojo HUMIX */
  --hx-gold:#efce8c;   /* dorado HUMIX */
  --hx-ink:#1b1f24;    /* texto principal */
  --hx-muted:#687184;  /* texto secundario */

  max-width:100%;
  margin:28px auto;
  padding:22px 20px;
  border-radius:18px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(90deg,var(--hx-blue),var(--hx-red)) border-box;
  border:2px solid transparent;
  box-shadow:0 10px 26px rgba(0,0,0,.07);
  color:var(--hx-ink);
}

.hx-topics__head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 14px}
.hx-topics__title{margin:0;font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:800;letter-spacing:.2px}
.hx-topics__sub{margin:.35rem 0 0;color:var(--hx-muted);font-size:.98rem}

.hx-topics__more{
  font-weight:800;color:var(--hx-red);text-decoration:none;
  border-bottom:2px solid transparent; padding-bottom:2px;
}
.hx-topics__more:hover{border-color:var(--hx-red)}

.hx-topics__grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:640px){.hx-topics__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.hx-topics__grid{grid-template-columns:repeat(3,1fr)}}

.hx-topic{
  display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;
  padding:18px 16px;border:1px solid #e9edf3;border-radius:16px;background:#fff;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.hx-topic:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.08);border-color:#dde4ee}

.hx-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:700;color:#1e293b;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--hx-gold),var(--hx-blue)) border-box;
  border:1px solid transparent;
}

.hx-topic__title{margin:.45rem 0 .25rem;font-weight:800;font-size:1.05rem;line-height:1.25}
.hx-topic__desc{margin:0 0 .5rem;color:var(--hx-muted);line-height:1.55}
.hx-badges{display:flex;flex-wrap:wrap;gap:8px;margin:.25rem 0 .1rem}

.hx-meta{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:.82rem;color:#7c869a}
.hx-meta .dot{width:6px;height:6px;border-radius:50%;background:var(--hx-blue);display:inline-block}

.hx-link{
  margin-top:.35rem; display:inline-block; font-weight:800; color:var(--hx-red);
  text-decoration:none; border-bottom:2px solid transparent; padding-bottom:2px;
}
.hx-link:hover{border-color:var(--hx-red)}/* End custom CSS */