.screen-gustos {
  --g-orange: #e2601f;
  --g-dark: #12161d;
  --g-ink: #1b1b1b;
  padding: 24px 20px 120px;
  font-family: 'Space Grotesk', sans-serif;
  color: var(--g-ink);
}

.g-eyebrow { font-family:'JetBrains Mono',monospace; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--g-orange); margin-bottom:6px; display:block; }
.g-title { font-size:clamp(1.5rem,5vw,2.4rem); font-weight:700; line-height:1.05; margin:0 0 10px; }
.g-subtitle { font-size:.95rem; opacity:.75; margin-bottom:22px; max-width:46ch; }

.g-card { background:#fff; border:2px solid var(--g-ink); border-radius:18px; padding:18px; margin-bottom:16px; }
.g-field { margin-bottom:16px; }
.g-field label { display:block; font-family:'JetBrains Mono',monospace; font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px; opacity:.7; }
.g-field input[type="text"], .g-field select { width:100%; padding:12px 14px; border-radius:10px; border:1.5px solid #cfcabb; font-family:'Space Grotesk',sans-serif; font-size:1rem; background:#f6ead8; }

.g-chip-grid { display:flex; flex-wrap:wrap; gap:8px; }
.g-chip { border:1.5px solid var(--g-ink); background:#fff; border-radius:999px; padding:8px 14px; font-size:.85rem; cursor:pointer; font-family:'JetBrains Mono',monospace; transition:all .12s ease; user-select:none; }
.g-chip.picked { background:var(--g-orange); border-color:var(--g-orange); color:#fff; }
.g-chip-hint { font-size:.72rem; opacity:.6; margin-top:6px; font-family:'JetBrains Mono',monospace; }

.g-btn { display:inline-block; background:var(--g-orange); color:#fff; border:none; border-radius:12px; padding:14px 26px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1rem; cursor:pointer; transition:transform .12s ease, opacity .12s ease; }
.g-btn:hover { transform:translateY(-2px); }
.g-btn:disabled { opacity:.4; pointer-events:none; }
.g-btn.ghost { background:transparent; color:var(--g-ink); border:2px solid var(--g-ink); }

.g-wait-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.g-wait-pill { font-family:'JetBrains Mono',monospace; font-size:.8rem; padding:8px 14px; border-radius:999px; border:1.5px dashed #b9b2a0; opacity:.55; }
.g-wait-pill.done { border-style:solid; border-color:var(--g-orange); background:var(--g-orange); color:#fff; opacity:1; }

.g-round-meta { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; font-family:'JetBrains Mono',monospace; font-size:.8rem; opacity:.7; }
.g-target-card { background:var(--g-dark); color:#fff; border-radius:18px; padding:22px; text-align:center; margin-bottom:18px; }
.g-target-card .g-genres { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-top:10px; }
.g-target-card .g-genre-tag { font-family:'JetBrains Mono',monospace; border:1.5px solid var(--g-orange); color:var(--g-orange); padding:6px 14px; border-radius:999px; font-size:.85rem; }

.g-option-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:10px; }
.g-option-btn { border:2px solid var(--g-ink); background:#fff; border-radius:14px; padding:18px 8px; font-weight:700; cursor:pointer; }
.g-option-btn.correct { background:#3f8f5f; border-color:#3f8f5f; color:#fff; }
.g-option-btn.wrong { background:#b5462f; border-color:#b5462f; color:#fff; opacity:.7; }
.g-option-btn:disabled { pointer-events:none; }

.g-bday-picker { display:flex; gap:10px; }
.g-bday-picker select { flex:1; padding:12px; border-radius:10px; border:1.5px solid var(--g-ink); }

.g-gallery-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px; margin-top:18px; }
.g-gallery-item { text-align:center; }
.g-gallery-item canvas { width:100%; border-radius:16px; border:2px solid var(--g-ink); }
.g-gallery-item .g-btn { margin-top:8px; width:100%; }

/* ===== Listas dinámicas del nuevo formulario ===== */
.g-dynamic-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
.g-dynamic-row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.g-dynamic-row input {
  flex: 1;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1.5px solid #cfcabb;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1rem;
  background: #f6ead8;
}
.g-remove-btn {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1.5px solid #cfcabb;
  background: #fff;
  font-size: 18px;
  cursor: pointer;
  color: #b23a2e;
  flex-shrink: 0;
}
.g-add-btn {
  margin-top: 4px;
  padding: 10px 16px;
  font-size: 0.9rem;
}