/* ══════════════════════════════════════════
   MOCHILA.CSS — Estilos de la vista Mochila
   ══════════════════════════════════════════ */

/* ── Diario de viaje ── */
.diary-card          { border-bottom: 1px solid var(--line); padding: 12px 14px; }
.diary-card .dc-date  { font-size: 10px; color: var(--t2); letter-spacing: 1.5px; text-transform: uppercase; }
.diary-card .dc-title { font-size: 15px; font-weight: 700; margin: 3px 0 5px; letter-spacing: -.3px; }
.diary-card .dc-body  { font-size: 12px; color: var(--t1); line-height: 1.55; }
.diary-card .dc-loc   { font-size: 10px; color: var(--cy); margin-top: 6px; letter-spacing: .5px; }

/* ── Estado de ánimo (mood) ── */
.mood-row   { display: flex; gap: 8px; padding: 8px 14px; border-bottom: 1px solid var(--line); }
.mood-opt   { font-size: 20px; opacity: .3; cursor: pointer; transition: opacity .15s; }
.mood-opt.on { opacity: 1; }