/* PouPei — beta dos fundadores: lista de espera, boas-vindas do fundador e "Dar opinião". */
.espera-selo { justify-self: start; display: inline-block; margin: 6px 0 4px; padding: 6px 12px; border-radius: 12px; background: var(--lavanda); color: #8A5A12; font-weight: 900; font-size: 13px; }
.pw-fundador { text-align: center; padding: 10px 14px; border-radius: 16px; background: var(--menta); color: var(--petroleo); font-weight: 700; font-size: 14px; }

/* botão com estrela no topo: só o ícone no celular, com o texto no computador */
.opiniao-btn span { display: none; }
@media (min-width: 900px) {
  .icone-btn.opiniao-btn { width: auto; padding: 0 16px 0 10px; border-radius: 24px; gap: 8px; display: inline-flex; align-items: center; }
  .opiniao-btn span { display: inline; font-weight: 800; font-size: 14px; color: var(--tinta); }
}

.fundador-boas { display: grid; gap: 10px; text-align: center; }
.fundador-boas img { width: 92px; height: 92px; margin: 0 auto; object-fit: contain; }
.fundador-boas small { font-weight: 900; color: var(--petroleo); text-transform: uppercase; letter-spacing: .06em; font-size: 12px; }
.fundador-boas ul { text-align: left; display: grid; gap: 8px; padding-left: 20px; color: var(--tinta2); }
.fundador-boas b { color: var(--tinta); }

.opiniao { display: grid; gap: 14px; }
.opiniao .notas { border: 0; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.opiniao .notas legend { font-weight: 800; margin-bottom: 8px; font-size: 14px; }
.opiniao .notas input { position: absolute; opacity: 0; pointer-events: none; }
.opiniao .notas span { display: grid; place-items: center; gap: 2px; min-height: 64px; padding: 8px 4px; border-radius: 16px; background: #fff; border: 2px solid var(--linha); font-size: 12px; font-weight: 800; color: var(--tinta2); cursor: pointer; transition: transform .25s var(--ease), border-color .25s, background .25s; }
.opiniao .notas b { font-size: 22px; color: var(--tinta); }
.opiniao .notas label:hover span { transform: translateY(-2px); }
.opiniao .notas input:checked + span { border-color: var(--petroleo); background: var(--menta); color: var(--petroleo); }
.opiniao .notas input:focus-visible + span { outline: 3px solid var(--petroleo); outline-offset: 2px; }
.opiniao .campo { display: grid; gap: 6px; font-weight: 800; font-size: 14px; }
.opiniao textarea { font: inherit; font-weight: 600; padding: 12px 14px; border-radius: 16px; border: 1px solid var(--linha); background: #fff; resize: vertical; min-height: 96px; }
.opiniao .botoes { display: flex; gap: 10px; flex-wrap: wrap; }
.opiniao .botoes .btn { width: auto; } .opiniao .botoes .cheio { flex: 1; }
@media (prefers-reduced-motion: reduce) { .opiniao .notas span { transition: none; } }