/* noticias.css — estilos propios de noticias.php.
   Extraído del <style> embebido el 2026-07-06 (Fase 1, sin cambios de contenido).
   Esta página NO usa rmc.css: todo su CSS vive aquí. */

  .filter-bar {
    display: flex; gap: 8px; flex-wrap: wrap; align-items: center; padding: 16px 56px;
    border-bottom: 1px solid var(--parchment); background: var(--cream);
    position: sticky; top: 0; z-index: 90;
  }
  .fb-logo {
    display: flex; align-items: center; line-height: 0;
    margin-right: 20px; padding-right: 20px;
    border-right: 1px solid var(--parchment);
  }
  .fb-logo img { height: 38px; width: auto; display: block; }
  .filter-bar button {
    font-family: var(--sans); font-size: 9px; letter-spacing: 0.18em;
    text-transform: uppercase; color: var(--stone); background: none;
    border: 1px solid var(--parchment); padding: 9px 16px; cursor: pointer;
    transition: all 0.15s;
  }
  .filter-bar button:hover { color: var(--ink); }
  .filter-bar button.active { background: var(--teal); border-color: var(--teal); color: #fff; }
  .lead-story {
    display: grid; grid-template-columns: 1.25fr 1fr;
    border-bottom: 1px solid var(--parchment);
  }
  .lead-story .ls-img { background-size: cover; background-position: center; min-height: 420px; }
  .lead-story .ls-body { padding: 56px 56px; display: flex; flex-direction: column; justify-content: center; }
  .ls-headline { font-size: clamp(26px, 3vw, 40px); font-weight: 200; line-height: 1.14; margin: 14px 0 18px; }
  .ranked { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--parchment); }
  .ranked-item {
    background: var(--ink-mid); padding: 26px 30px; display: grid;
    grid-template-columns: 44px 1fr; gap: 18px; align-items: start;
    cursor: pointer; transition: background 0.15s; text-decoration: none; color: inherit;
  }
  .ranked-item:hover { background: var(--parchment); }
  .rk-num { font-size: 30px; font-weight: 200; color: var(--teal); line-height: 1; }
  .rk-cat { font-size: 8px; letter-spacing: 0.26em; text-transform: uppercase; color: var(--coral); margin-bottom: 7px; }
  .rk-title { font-size: 14.5px; font-weight: 300; line-height: 1.4; }
  .rk-meta { font-size: 9.5px; color: var(--mist); margin-top: 8px; letter-spacing: 0.06em; }
  
  /* Formateador de texto y párrafos */
  .prose p { margin-bottom: 14px; line-height: 1.6; }
  .prose p:last-child { margin-bottom: 0; }

  @media (max-width:768px){
    .filter-bar { padding: 12px 16px; }
    .fb-logo { margin-right: 12px; padding-right: 12px; }
    .fb-logo img { height: 30px; }
    .lead-story { grid-template-columns: 1fr; }
    .lead-story .ls-img { min-height: 220px; }
    .lead-story .ls-body { padding: 32px 20px; }
    .ranked { grid-template-columns: 1fr; }
  }

/* 2026-07-08: la barra de filtros ya no se muestra (pedido de Carlos), pero
   se mantiene en el DOM porque el filtrado por ?cat= del menú depende de
   "clickear" sus botones (rmc.js [data-filter-group]). NO borrar del PHP. */
.filter-bar { display: none; }