/* Datanex Widgets — Trayectoria (dnx-hitos) */
.hf-trayectoria{background:var(--hf-azul);color:#fff;padding-block:64px}
.hf-hitos{display:grid;grid-template-columns:repeat(var(--hf-hitos-cols,4),minmax(0,1fr));list-style:none;margin:0;padding:0}
.hf-hitos li{display:flex;flex-direction:column;gap:10px;padding:0 32px;border-left:1px solid var(--hf-arena)}
.hf-hitos li:first-child{padding-left:0;border-left:0}
.hf-hitos .hf-icono{margin-bottom:6px}
.hf-hitos strong{font-size:30px;font-weight:700;line-height:1.15;color:#fff}
.hf-hitos span:not(.hf-icono){font-size:15px;line-height:1.5;color:var(--hf-claro)}

.hf-logos{display:flex;align-items:center;gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid var(--hf-azul-2)}
.hf-hitos:empty+.hf-logos,.hf-logos:first-child{margin-top:0;padding-top:0;border-top:0}
.hf-logos p{margin:0;font-size:14px;color:var(--hf-claro);width:170px;flex-shrink:0}
.hf-logos ul{flex-grow:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
/* El marco va en el <li> para que el filtro de "logos en blanco" no lo afecte.
   .hf-logos ul img gana al reset de Elementor (.elementor img). */
.hf-logos li{display:flex;align-items:center;justify-content:center;height:56px;padding:10px 14px;border:1px solid var(--hf-azul-2);border-radius:12px}
.hf-logos ul img{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.hf-logos--blanco ul img{filter:brightness(0) invert(1);opacity:.85;transition:opacity .15s}
.hf-logos--blanco ul li:hover img{opacity:1}

@media (max-width:1199px){
  .hf-hitos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .hf-hitos li:nth-child(2n+1){padding-left:0;border-left:0}
}
@media (max-width:767px){
  .hf-hitos{row-gap:24px}
  .hf-hitos li{padding:0 0 0 16px}
  .hf-hitos strong{font-size:22px}
  .hf-hitos span:not(.hf-icono){font-size:14px}
  .hf-logos{flex-direction:column;align-items:flex-start}
  .hf-logos p{width:auto}
  .hf-logos ul{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:10px}
}
@media (prefers-reduced-motion:reduce){.hf-logos ul img{transition:none}}