/* Papel cálido del mostrador. El botón ocupa el 34 % del ancho. */
:root {
  color-scheme: light;
  --papel: #f3eadb;
  --tinta: #2c2118;
  --barro: #9a4630;
  --barro-oscuro: #6e2f1e;
  --tarjeta: #fffaf3;
  --linea: #e2d3c0;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--papel);
  color: var(--tinta);
  font-family: "Iowan Old Style", Palatino, "Palatino Linotype", serif;
}

.mitad {
  min-height: 100vh;
  padding: 1.25rem 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.cabeza p { margin: 0.15rem 0; }
.marca { font-size: 1.35rem; }
.chip, .edad, .originales { font-size: 0.95rem; }

.aviso, .subtitulo, .fichas, .notas {
  background: var(--tarjeta);
  border: 1px solid var(--linea);
  border-radius: 12px;
  padding: 0.8rem 1rem;
}

.aviso { line-height: 1.45; }

#hablar {
  min-height: 72px;
  width: 34%;
  min-width: 220px;
  border: 0;
  border-radius: 999px;
  background: var(--barro);
  color: #fffaf3;
  font: inherit;
  font-size: 1.25rem;
  cursor: pointer;
}

#hablar:active { background: var(--barro-oscuro); }

.ficha { margin-bottom: 0.8rem; }
.piramide, .acordes { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.materia { width: 92px; text-align: center; font-size: 0.85rem; }
.materia img { width: 72px; height: 72px; object-fit: contain; background: #f7f1e6; }
.probador { font-weight: 700; }
.precio { font-variant-numeric: tabular-nums; }

.selector select { font: inherit; min-height: 44px; }