/* Estilos limitados a la nueva sección; reutilizan los tokens de la web. */
#seguimiento .seguimiento-contenido {
  display: grid;
  gap: 1.5rem;
}

#seguimiento .seguimiento-contenido > * {
  min-width: 0;
}

#seguimiento .seguimiento-contador {
  background: var(--surface-alt);
}

#seguimiento .seguimiento-contador-texto {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--primary-dark);
  font-size: clamp(1.2rem, 2.5vw, 1.65rem);
  line-height: 1.35;
}

#seguimiento .seguimiento-cronologia {
  margin: 0;
  padding-left: 1.5rem;
}

#seguimiento .seguimiento-cronologia li + li,
#seguimiento .seguimiento-peticiones li + li {
  margin-top: 0.75rem;
}

#seguimiento .seguimiento-cronologia time {
  color: var(--primary-dark);
  font-weight: 700;
  white-space: nowrap;
}

#seguimiento .seguimiento-medios {
  list-style: none;
  margin: 0;
  padding: 0;
}

#seguimiento .seguimiento-medios li + li {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}

#seguimiento .seguimiento-medio-fecha {
  font-size: 0.95rem;
}

#seguimiento .seguimiento-medio-fecha strong {
  color: var(--primary-dark);
}

#seguimiento .seguimiento-medio-titulo {
  margin: 0.5rem 0;
  color: var(--text);
}

#seguimiento .seguimiento-tabla-scroll {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 14px;
}

#seguimiento .seguimiento-tabla-scroll:focus-visible {
  outline: 3px solid var(--primary);
  outline-offset: 4px;
}

#seguimiento table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  text-align: left;
}

#seguimiento caption {
  padding: 1rem;
  text-align: left;
  color: var(--primary-dark);
  font-weight: 700;
}

#seguimiento th,
#seguimiento td {
  padding: 1rem;
  border-top: 1px solid var(--line);
  vertical-align: top;
}

#seguimiento thead {
  background: var(--surface-alt);
}

#seguimiento tbody th {
  font-weight: 600;
}

#seguimiento .seguimiento-registro {
  display: block;
  font-size: 0.875rem;
  color: var(--muted);
}

#seguimiento .seguimiento-estado {
  display: inline-block;
  padding: 0.25rem 0.65rem;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 600;
}

#seguimiento .seguimiento-estado--pendiente {
  background: #f7edce;
  color: #654d12;
}

#seguimiento .seguimiento-estado--no {
  background: #f4e6e3;
  color: #733e36;
}

#seguimiento .seguimiento-estado--parcial {
  background: #e6eef6;
  color: #304f70;
}

#seguimiento .seguimiento-estado--si {
  background: #e3efe4;
  color: var(--primary-dark);
}

#seguimiento .seguimiento-nota {
  margin-top: 0.75rem;
}

#seguimiento .seguimiento-peticiones {
  padding-left: 1.5rem;
}

#seguimiento [data-seguimiento-actualizacion] {
  margin: 0;
}