/* Página de patrocínio (mídia kit). Só o que revista.css não cobre. */

.cotas {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.cota {
  border: 1px solid rgba(40, 50, 68, 0.16);
  border-radius: 12px;
  padding: 1.25rem;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.cota.destaque {
  border-color: #c79a3e;
  box-shadow: 0 6px 20px rgba(199, 154, 62, 0.16);
}

.cota h3 {
  margin: 0 0 0.35rem;
  font-size: 1.1rem;
}

.cota .cota-preco {
  font-weight: 700;
  color: #1f6b6b;
  margin: 0 0 0.75rem;
}

.cota ul {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.94rem;
  line-height: 1.55;
}

/* Números de audiência: viram dado real assim que o painel acumular um mês. */
.numeros {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin: 1.5rem 0;
}

.numero {
  border-left: 3px solid #c79a3e;
  padding: 0.35rem 0 0.35rem 0.9rem;
}

.numero strong {
  display: block;
  font-size: 1.65rem;
  line-height: 1.15;
  color: #283244;
}

.numero span {
  font-size: 0.88rem;
  color: #5c6470;
}

.a-definir {
  background: rgba(199, 154, 62, 0.14);
  border-radius: 4px;
  padding: 0 0.3em;
  color: #8a6516;
  font-style: italic;
}