/* ══════════════════════════════════════════════
   PIEL PILCA — marco común de todas las expediciones
   Paleta y tipografías Laialá. Nunca Fredoka One ni Nunito.
   ══════════════════════════════════════════════ */
:root{
  --terracota:#cd7753; --terracota-osc:#a86244;
  --teal:#50979a;      --teal-osc:#427c7e;
  --teal-claro:#77beba;
  --amarillo:#e0a51a;  --celeste:#bed5d3;
  --crema:#eaca6e;     --marron:#663b2c;
  --negro:#1f1816;     --fondo:#f5f0ea;
  --papel:#fffaf3;     --niebla:#b9b4ae;
  --ok:#5a9a6f;

  --font-titulo:'Playfair Display', Georgia, serif;
  --font-cuerpo:'Poppins', system-ui, sans-serif;

  --radio:18px;
  --sombra:0 6px 20px rgba(102,59,44,.12);
  --acento:var(--terracota);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--fondo);color:var(--negro);font-family:var(--font-cuerpo);font-size:16px;line-height:1.55}
body{min-height:100vh;-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3{font-family:var(--font-titulo);color:var(--marron);line-height:1.15}

/* Botones */
.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  padding:.85em 1.6em;border-radius:999px;font-weight:600;font-size:1rem;
  background:var(--terracota-osc);color:#fff;box-shadow:0 4px 0 #7f4a33;
  transition:transform .12s, box-shadow .12s}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 #7f4a33}
.btn.teal{background:var(--teal-osc);box-shadow:0 4px 0 #2f5a5c}
.btn.suave{background:#fff;color:var(--marron);box-shadow:0 3px 0 #e2d6c8;border:2px solid #eadfd2}
.btn[disabled]{opacity:.45;pointer-events:none}

.tarjeta{background:var(--papel);border-radius:var(--radio);box-shadow:var(--sombra);padding:1.25rem}
.etiqueta{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-osc)}
.oculto{display:none!important}

/* Botón de audio (Pilca lee) */
.leer{display:inline-flex;align-items:center;gap:.35em;font-size:.85rem;font-weight:600;
  color:var(--teal-osc);background:#e6f1f0;padding:.4em .9em;border-radius:999px}
.leer.hablando{background:var(--teal-osc);color:#fff}

/* Burbuja de Pilca */
.pilca-dice{display:flex;align-items:flex-end;gap:.6rem}
.pilca-dice img{width:92px;flex:none}
.pilca-dice .globo{position:relative;background:#fff;border:2px solid var(--terracota);border-radius:16px 16px 16px 4px;
  padding:.75rem 1rem;font-size:.95rem;box-shadow:var(--sombra)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}