/* Prototipo G · la estructura de A con los colores de B: crema, topo, terracota, tinta café */
:root {
  --bg: #f6f2eb; --bg-2: #ede6da; --card: #fffdf9; --line: #ddd4c7; --line-2: #c4b8a8;
  --text: #2f2925; --muted: #6f655d; --copper: #9a4e2c; --caramel: #6e645c; --caramel-hover: #574e47; --on-caramel: #fbf7f1;
  --glass: #fffdf9; --shadow: 0 40px 80px -40px rgb(60 40 20 / .35);
  color-scheme: light;
}
body::before { opacity: .035; }
.nav { background: color-mix(in srgb, var(--bg) 86%, transparent); }
.hero::before { background: radial-gradient(closest-side, color-mix(in srgb, var(--copper) 14%, transparent), transparent); }
.hero-art img { mask-image: none; border: 0; box-shadow: var(--shadow); }
.pill-btn:hover { background: var(--caramel-hover); box-shadow: 0 12px 30px -12px color-mix(in srgb, var(--caramel) 60%, transparent); }
.o-card { box-shadow: 0 24px 40px -30px rgb(60 45 25 / .35); }
.o-body { background: color-mix(in srgb, var(--card) 82%, transparent); border-color: color-mix(in srgb, var(--line) 70%, transparent); }
.opt:hover { background: color-mix(in srgb, var(--copper) 8%, transparent); }
.wl input { background: var(--card); }
.wait-card { background: radial-gradient(80% 100% at 50% 0%, color-mix(in srgb, var(--copper) 12%, transparent), transparent), var(--bg-2); }
.modal::backdrop { background: rgb(30 28 22 / .45); }
.m-item img { border: 1px solid var(--line); }
.q-card { background: var(--card); box-shadow: 0 30px 60px -45px rgb(60 45 25 / .4); }
.quiz-sec { background: var(--bg-2); }
.origins { background: linear-gradient(180deg, var(--bg), var(--bg-2)); }
.x { background: var(--card); }
body { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='none' stroke='%23a89a8c' stroke-opacity='.22' stroke-width='1'%3E%3Cpath d='M20 100c0-30 20-50 50-55-5 30-25 50-50 55zM20 100l30-30'/%3E%3Cpath d='M85 40c10-12 25-15 30-12-3 12-17 20-30 12zM85 40l18-8'/%3E%3Ccircle cx='95' cy='95' r='3'/%3E%3C/svg%3E"); }
.eyebrow { color: var(--muted); }