:root {
  --celeste1:#041929;
  --celeste2:#05121d;
  --gris:#b4b4b4;
  --rojo:#e31617;
  --blanco:#fff;
}

* {
  box-sizing:border-box;
  font-family:Poppins, sans-serif;
}

body {
  background:var(--celeste1);
  color:var(--blanco);
  display:flex;
  justify-content:center;
  padding:40px 12px;
}

.form-container {
  background:var(--celeste2);
  padding:30px;
  border-radius:12px;
  max-width:720px;
  width:100%;
}

label {
  display:block;
  margin-top:16px;
  margin-bottom:6px;
}

input, select, textarea {
  width:100%;
  padding:12px 14px;
  border:none;
  border-radius:8px;
  background:#061e2f;
  color:#fff;
}

textarea { min-height:90px; }

/* ================= PEDIDO ================= */
.pedido {
  border:1px solid rgba(255,255,255,.2);
  padding:22px;
  margin-top:25px;
  border-radius:12px;
  position:relative;
}

/* botón eliminar */
.remove-btn {
  position:absolute;
  top:15px;
  right:15px;
  background:#6c757d;
  color:#fff;
  border:none;
  padding:6px 10px;
  border-radius:6px;
  font-size:.8rem;
  cursor:pointer;
}

.remove-btn:hover {
  background:#495057;
}

/* ================= CHECKBOX / RADIO ================= */
.checkbox-group,
.radio-group {
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:10px;
}

.check-item,
.radio-item {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  padding:12px 14px;
  background:rgba(255,255,255,.08);
  border-radius:8px;
  cursor:pointer;
}

.check-item:hover,
.radio-item:hover {
  background:rgba(255,255,255,.15);
}

.check-item input {
  transform:scale(1.1);
}

.radio-item input {
  transform:scale(1.2);
  accent-color:var(--rojo);
}

/* ================= BOTONES ================= */
.add-btn {
  margin-top:25px;
  padding:12px 16px;
  background:#198754;
  border:none;
  border-radius:8px;
  color:#fff;
  cursor:pointer;
}

.submit-btn {
  width:100%;
  margin-top:30px;
  padding:14px;
  background:var(--rojo);
  border:none;
  border-radius:8px;
  color:#fff;
  font-size:1rem;
}