/* IDOMEK - TIMELINE CON ICONOS EN LA LINEA */

.idmk-about-history .idmk-timeline {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:20px;
  margin:0;
  padding:34px 32px;
  list-style:none;
  background:#f1f1f1;
  border-radius:20px;
  box-shadow:0 3px 11px #0002;
}

.idmk-about-history .idmk-timeline-item {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:0;
}

.idmk-about-history .idmk-timeline-symbol {
  position:relative;
  inset:auto;
  transform:none;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:64px;
  height:64px;
  margin:0 0 8px;
}

.idmk-about-history .idmk-timeline-icon {
  width:58px;
  height:58px;
  display:block;
  max-width:none;
  object-fit:contain;
}

/* Ningun circulo adicional */
.idmk-about-history .idmk-timeline-mark {
  display:none !important;
}

/* Linea roja entre iconos */
.idmk-about-history .idmk-timeline-item:not(:last-child)::before {
  content:"";
  position:absolute;
  display:block;
  top:31px;
  left:76px;
  right:-12px;
  width:auto;
  height:1px;
  border:0;
  background:#ff303b;
  transform:none;
  z-index:0;
}

/* Flecha integrada en el tramo */
.idmk-about-history .idmk-timeline-item:not(:last-child)::after {
  content:"";
  position:absolute;
  display:block;
  top:26px;
  left:calc(50% + 30px);
  width:9px;
  height:9px;
  border-top:1px solid #ff303b;
  border-right:1px solid #ff303b;
  transform:rotate(45deg);
  z-index:1;
}

.idmk-about-history .idmk-timeline-item h2 {
  margin:0 0 5px;
  font-size:1.23rem;
  line-height:1.2;
  font-weight:800;
}

.idmk-about-history .idmk-timeline-item strong {
  margin:0 0 9px;
  line-height:1.3;
}

.idmk-about-history .idmk-timeline-item p {
  margin:0;
  line-height:1.55;
}

/* Version movil */
@media(max-width:980px) {
  .idmk-about-history .idmk-timeline {
    grid-template-columns:1fr;
    gap:24px;
    padding:28px 22px;
  }

  .idmk-about-history .idmk-timeline-item {
    display:block;
    min-height:86px;
    padding:0 0 0 77px;
  }

  .idmk-about-history .idmk-timeline-symbol {
    position:absolute;
    top:0;
    left:0;
    width:60px;
    height:60px;
    margin:0;
  }

  .idmk-about-history .idmk-timeline-icon {
    width:55px;
    height:55px;
  }

  .idmk-about-history .idmk-timeline-item:not(:last-child)::before {
    top:64px;
    left:28px;
    right:auto;
    width:1px;
    height:calc(100% + 17px);
  }

  .idmk-about-history .idmk-timeline-item:not(:last-child)::after {
    top:calc(100% + 8px);
    left:24px;
    transform:rotate(135deg);
  }
}

/* IDMK_TIMELINE_R2_READY */

/* IDOMEK NOSOTROS - ICONOS DE ESTADISTICAS */
.idmk-about-metrics-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
}

.idmk-about-metrics-grid > .idmk-about-metric {
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  padding:12px 18px;
  text-align:left;
}

.idmk-about-metric-icon {
  display:block;
  width:62px;
  height:62px;
  flex:0 0 62px;
  max-width:none;
  object-fit:contain;
}

.idmk-about-metric-copy {
  min-width:0;
}

.idmk-about-metric-copy strong {
  display:block;
  color:#ffe44d;
  font-size:clamp(1.05rem,1.5vw,1.4rem);
  font-weight:800;
  line-height:1.15;
}

.idmk-about-metric-copy span {
  display:block;
  color:#fff;
  font-size:.9rem;
  line-height:1.35;
  margin-top:5px;
}

@media(max-width:1050px) {
  .idmk-about-metrics-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .idmk-about-metrics-grid > .idmk-about-metric:nth-child(3) {
    border-left:0;
  }
}

@media(max-width:640px) {
  .idmk-about-metrics-grid {
    grid-template-columns:1fr;
  }
  .idmk-about-metrics-grid > .idmk-about-metric {
    text-align:left;
    border-left:0;
    padding:16px 10px;
    gap:15px;
  }
  .idmk-about-metric-icon {
    width:54px;
    height:54px;
    flex-basis:54px;
  }
}
/* IDMK_ABOUT_METRICS_READY */