/* =========================================================
   restaurantes.wokiapp.com — Prensa (/nosotros/prensa)
   Depende de tokens.css y site.css.
   Sin build, sin !important.
   Breakpoints: 1200 / 960 / 768 / 560
   ========================================================= */

/* ---------------------------------------------------------
   Encabezado
   --------------------------------------------------------- */

.prensa-hero {
  padding-top: calc(var(--nav-h) + 72px);
  padding-bottom: 88px;
}
.prensa-hero .lede {
  color: rgba(255, 255, 255, .72);
  margin-top: var(--sp-5);
}

/* ---------------------------------------------------------
   Grilla de notas
   --------------------------------------------------------- */

.notas {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sp-6);
}

/* Cada tarjeta es un único link: el nombre accesible sale del
   contenido (medio + fecha + título), así que no hace falta
   un aria-label aparte. */
.nota {
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--r-card);
  padding: var(--sp-6);
  transition: transform var(--dur-2) var(--ease-standard),
              box-shadow var(--dur-2) var(--ease-standard),
              border-color var(--dur-2) var(--ease-standard);
}
.nota:hover {
  transform: translateY(-3px);
  border-color: var(--border-strong);
  box-shadow: 0 12px 28px rgba(12, 20, 33, .10);
}
.nota:focus-visible {
  outline: 2px solid var(--b2b-500);
  outline-offset: 3px;
}

/* Caja de alto fijo para el logo: los seis medios tienen
   proporciones muy distintas y así todas las tarjetas arrancan
   con la misma línea de base. */
.nota__medio {
  height: 44px;
  display: flex;
  align-items: center;
}
.nota__medio img {
  max-height: 44px;
  max-width: 150px;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: left center;
}

.nota__fecha {
  font-size: var(--fs-12);
  line-height: var(--lh-12);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tracking-wide);
  color: var(--fg-3);
}

.nota__titulo {
  font-family: var(--font-display);
  font-size: var(--fs-20);
  line-height: var(--lh-20);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tracking-snug);
  color: var(--fg-1);
  text-wrap: pretty;
}

/* Empuja el "Leer nota" al pie para que quede alineado en toda la fila. */
.nota__cta {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  font-size: var(--fs-14);
  line-height: var(--lh-14);
  font-weight: var(--fw-semibold);
  color: var(--b2b-500);
}
.nota__cta svg {
  width: 14px;
  height: 14px;
  transition: transform var(--dur-2) var(--ease-standard);
}
.nota:hover .nota__cta svg { transform: translateX(3px); }

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 960px) {
  .notas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .prensa-hero { padding-bottom: 72px; }
}

@media (max-width: 768px) {
  .prensa-hero {
    padding-top: calc(var(--nav-h) + 48px);
    padding-bottom: 56px;
  }
  .notas { grid-template-columns: minmax(0, 1fr); }
  .nota { padding: var(--sp-5); }
  .nota__titulo { font-size: var(--fs-18); line-height: var(--lh-18); }
}