/* ============================================================
   CAMPO & HACIENDA · Notas (portada tipo revista)
   Complementa estilo.css: no se toca el sistema base, solo se
   agregan los componentes propios de la sección de notas.
   ============================================================ */

/* ---------- Nota destacada ---------- */
.destacada{
  display:grid; grid-template-columns:1.15fr 1fr; gap:var(--gap);
  border:var(--borde); background:var(--caliza-2);
  text-decoration:none; color:inherit;
  transition:box-shadow .2s ease, transform .2s ease;
}
.destacada:hover{ box-shadow:var(--sombra); transform:translateY(-2px); }
.destacada__foto{ overflow:hidden; }
.destacada__foto img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .4s ease;
}
.destacada:hover .destacada__foto img{ transform:scale(1.04); }
.destacada__cuerpo{
  padding:clamp(1.6rem,3vw,2.6rem); display:flex; flex-direction:column;
  justify-content:center; gap:.2rem;
}
.destacada__cuerpo h2{ font-size:clamp(1.55rem,2.6vw,2.2rem); margin:.6rem 0 1rem; text-wrap:balance; }
.destacada__cuerpo .bajada{ margin-top:0; }
.destacada__meta{
  font-family:var(--dato); font-size:.76rem; letter-spacing:.08em;
  text-transform:uppercase; color:var(--verde-os); margin:1.3rem 0 0;
}
@media (max-width:800px){
  .destacada{ grid-template-columns:1fr; }
  .destacada__foto{ aspect-ratio:16/9; }
}

/* ---------- Chips de filtro ---------- */
.chips{ display:flex; flex-wrap:wrap; gap:.6rem; margin:0 0 var(--gap); }
.chip{
  font-family:var(--dato); font-size:.72rem; font-weight:500; letter-spacing:.08em;
  text-transform:uppercase; padding:.6rem 1.05rem; border:var(--borde);
  background:var(--caliza-2); color:var(--ink-3); cursor:pointer;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.chip:hover{ background:var(--caliza-3); }
.chip--activo, .chip--activo:hover{ background:var(--verde); border-color:var(--verde); color:var(--ink); }
.banda--oscura .chip{ background:var(--ink-2); color:var(--gris-cl); border-color:rgba(233,234,226,.18); }
.banda--oscura .chip:hover{ background:var(--ink-3); }

/* ---------- Notas "próximamente" (honestas, sin link falso) ---------- */
.nota--proximo{ cursor:default; opacity:.86; border-style:dashed; }
.nota--proximo:hover{ transform:none; box-shadow:none; }
.nota--proximo .nota__fecha{ color:var(--gris); }
.nota__pill{
  display:inline-block; margin-top:.3rem;
  font-family:var(--dato); font-size:.62rem; font-weight:500; letter-spacing:.1em;
  text-transform:uppercase; color:var(--gris); border:1px solid color-mix(in srgb, var(--gris) 55%, transparent);
  border-radius:2px; padding:.28rem .55rem;
}

/* Ocultamiento por el filtro de categoría (assets/js/notas.js) */
.oculta{ display:none !important; }

@media (max-width:640px){
  .chips{ gap:.45rem; }
  .chip{ padding:.5rem .85rem; font-size:.66rem; }
}