/* ============================================================
   ACADEMIA DE CRACKS · Feedback de testers (iter27)
   ============================================================ */
.fb-screen .scroll { padding: 20px; }
.fb-head { margin: 8px 0 22px; }
.fb-head h2 { font-size: 24px; font-weight: 700; line-height: 1.1; }
.fb-head h2 span { color: var(--neon); }
.fb-head p { font-size: 14px; color: var(--smoke-dim); margin-top: 8px; line-height: 1.5; }

.fb-block { margin-bottom: 22px; }
.fb-label {
  font-family: 'Chakra Petch', sans-serif;
  font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em;
  color: var(--smoke-dim); margin-bottom: 12px;
}

.fb-rating { display: flex; gap: 8px; justify-content: space-between; }
.fb-emoji {
  flex: 1; aspect-ratio: 1; max-width: 60px;
  background: var(--glass); border: 1px solid var(--glass-border);
  border-radius: 14px; font-size: 26px; cursor: pointer;
  transition: all 0.15s; display: grid; place-items: center;
}
.fb-emoji:hover { background: var(--glass-2); transform: translateY(-2px); }
.fb-emoji.sel {
  border-color: var(--neon); background: rgba(30,155,255,0.12);
  box-shadow: 0 0 20px -6px var(--azul-glow); transform: scale(1.06);
}

.fb-cats { display: flex; flex-wrap: wrap; gap: 8px; }
.fb-cat {
  padding: 9px 14px; border-radius: 100px;
  background: var(--glass); border: 1px solid var(--glass-border);
  color: var(--smoke); font-size: 13px; cursor: pointer; transition: all 0.15s;
}
.fb-cat:hover { background: var(--glass-2); }
.fb-cat.sel { background: var(--neon); color: var(--carbon); border-color: var(--neon); font-weight: 700; }

.fb-text {
  width: 100%; min-height: 130px; resize: vertical;
  background: var(--glass); border: 1px solid var(--glass-border);
  border-radius: 14px; color: var(--smoke); padding: 14px 16px;
  font-family: 'Outfit', sans-serif; font-size: 15px; line-height: 1.5;
  outline: none; box-sizing: border-box;
}
.fb-text:focus { border-color: var(--neon); background: var(--glass-2); }
.fb-text::placeholder { color: var(--muted); }

.fb-alt {
  text-align: center; font-size: 12px; color: var(--smoke-dim);
  margin-top: 16px; line-height: 1.5;
}
.fb-alt a { color: var(--neon); text-decoration: none; }