/* TrailLab v269 · aviso legal de Nutrición y Recetario.
   Archivo nuevo, no un retoque a un CSS versionado ya existente: los estáticos van cache-first y
   esos nombres no cambian entre versiones (la deuda que documenta v253). */

/* ---------------------------------------------------------------- aviso legal */
/* Ámbar, no rojo: es una advertencia que hay que leer, no un error ni una alarma. */
.nut-legal{
  border:1px solid var(--amber, #f2c14e);
  border-left-width:4px;
  border-radius:12px;
  background:color-mix(in srgb, var(--amber, #f2c14e) 8%, transparent);
  padding:12px 14px;
  margin:0 0 14px;
  font-size:.82rem;
  line-height:1.5;
}
.nut-legal b{ color:var(--amber, #f2c14e); }
.nut-legal p{ margin:6px 0 0; color:var(--muted); }
.nut-legal p b{ color:inherit; font-weight:700; }

/* ---------------------------------------------------------------- recetario */
.recetario{ display:flex; flex-direction:column; gap:16px; }
.rec-group-t{
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:6px;
}
.rec-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:10px;
}
.rec-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  cursor:pointer;
  transition:border-color .15s ease, transform .15s ease;
}
.rec-card:hover{ border-color:var(--lime, #a6e82c); transform:translateY(-1px); }
.rc-emojis{ font-size:1.1rem; letter-spacing:-2px; }
.rc-name{ font-weight:700; font-size:.9rem; display:flex; align-items:center; gap:6px; }
.rc-meta{ font-size:.76rem; color:var(--muted); margin-top:2px; }
.rc-tip{ font-size:.76rem; color:var(--muted); margin-top:4px; line-height:1.35; }
.rc-add{
  border:1px solid var(--lime, #a6e82c);
  color:var(--lime, #a6e82c);
  background:transparent;
  border-radius:999px;
  padding:5px 12px;
  font-size:.78rem;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.rec-card:hover .rc-add{ background:var(--lime, #a6e82c); color:#08180d; }

/* Bloqueado: se ve, se lee y se sabe que existe — pero apagado. Mismo lenguaje que los tipos de
   entreno Pro. No se oculta: enseñar lo que hay al otro lado es la mitad del argumento. */
.rec-card.locked{ opacity:.55; filter:grayscale(.6); }
.rec-card.locked:hover{ opacity:.8; filter:grayscale(.25); border-color:var(--amber, #f2c14e); transform:none; }
.rec-card.locked .rc-add{ border-color:var(--amber, #f2c14e); color:var(--amber, #f2c14e); }
.rec-card.locked:hover .rc-add{ background:var(--amber, #f2c14e); color:#08180d; }
.rc-lock{ font-size:.8rem; }

@media (max-width:720px){
  .rec-grid{ grid-template-columns:1fr; }
  .nut-legal{ font-size:.8rem; }
}