/* Indice de instalacion. No lo ve nadie en el dia a dia. */

.indice {
  max-width: 640px;
  margin: 0 auto;
  padding: 48px 20px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.indice h1 {
  font-size: 28px;
  font-weight: 800;
}

.indice .organismo {
  color: var(--tinta-suave);
  margin-top: 4px;
  font-size: 15px;
}

.indice section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.indice .rotulo {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tinta-suave);
}

.indice .enlace {
  display: block;
  padding: 16px 20px;
  border: 1px solid var(--borde);
  background: var(--tarjeta);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease;
}

.indice .enlace:hover {
  border-color: var(--verde-fuerte);
}

.indice .enlace strong {
  display: block;
  font-size: 16px;
}

.indice .enlace span {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  color: var(--tinta-suave);
}

.indice .nota {
  font-size: 13px;
  line-height: 1.5;
  color: var(--tinta-suave);
  border-left: 3px solid var(--amarillo-borde);
  padding-left: 12px;
}