/* ==========================================================================
   El Cura — components.css
   Piezas reutilizables: botones, etiquetas, pestañas, filas de carta y datos.
   Se carga DESPUÉS de base.css y ANTES de sections.css.
   ========================================================================== */

/* ---------- Eyebrow (antetítulo) ---------- */
.eyebrow{
  font-family:'Space Mono'; font-size:0.78rem; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--wine); display:flex; align-items:center; gap:10px; margin-bottom:18px;
}
.eyebrow::before{ content:""; width:34px; height:2px; background:var(--wine); display:inline-block; }

/* ---------- Botones ---------- */
.btn{
  font-family:'Space Mono'; font-size:0.82rem; text-transform:uppercase; letter-spacing:.06em;
  padding:13px 22px; border:2px solid var(--ink); text-decoration:none; display:inline-block;
  box-shadow:4px 4px 0 var(--ink); transition:transform .15s, box-shadow .15s;
}
.btn:hover{ transform:translate(2px,2px); box-shadow:2px 2px 0 var(--ink); }
.btn-solid{ background:var(--wine); color:var(--cream); }
.btn-outline{ background:var(--cream); color:var(--ink); }

/* ---------- Bloque de datos ---------- */
.stat-block{ border:2px solid var(--ink); background:var(--paper); padding:26px; }
.stat-row{ display:flex; justify-content:space-between; padding:12px 0; border-top:1px dashed var(--line); }
.stat-row:first-child{ border-top:none; }
.stat-row .k{ font-family:'Space Mono'; font-size:0.78rem; text-transform:uppercase; letter-spacing:.06em; color:var(--wine); }
.stat-row .v{ font-family:'Lora'; font-weight:600; text-align:right; }

/* ---------- Pestañas de la carta ---------- */
.tabs{
  display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:34px;
}
.tab-btn{
  font-family:'Space Mono'; font-size:0.72rem; text-transform:uppercase; letter-spacing:.06em;
  border:1.5px solid var(--ink); background:transparent; padding:8px 12px; cursor:pointer;
  color:var(--ink);
}
.tab-btn.active{ background:var(--ink); color:var(--cream); }

/* ---------- Línea de plato ---------- */
.menu-item{ display:flex; justify-content:space-between; gap:14px; padding:9px 0; border-bottom:1px dotted var(--line); }
.menu-item:last-child{ border-bottom:none; }
.menu-item .name{ font-size:0.98rem; }
.menu-item .name small{ display:block; font-family:'Space Mono'; font-size:0.7rem; color:var(--olive); margin-top:2px; letter-spacing:.03em;}
.menu-item .price{ font-family:'Space Mono'; font-weight:700; white-space:nowrap; color:var(--wine); }