/* Transparencia */

.tr-hero {
  padding: clamp(40px, 6vw, 72px) 0;
  background: #fff;
  border-bottom: 1px solid var(--border);
}

.tr-hero__title {
  margin: 0 0 8px;
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #111;
}

.tr-hero__lead {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.55;
  color: var(--text);
}

.tr-section {
  padding: clamp(40px, 6vw, 64px) 0;
  background: #fff;
}

.tr-group + .tr-group {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--border);
}

.tr-group__title {
  margin: 0 0 12px;
  font-size: 1.1rem;
  font-weight: 800;
  color: #111;
}

.tr-docs {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tr-docs li + li {
  margin-top: 8px;
}

.tr-docs a {
  color: var(--green);
  font-weight: 600;
  text-decoration: none;
}

.tr-docs a:hover,
.tr-docs a:focus-visible {
  text-decoration: underline;
}