/* BRND Press · portada con el menú de proyectos. */
:root {
  --tinta: #1B1B1B;
  --gris: #6B6B6B;
  --papel: #F5F5F7;
  --blanco: #FAFAFC;
  --sans: "Urbanist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --t-25: 25px; --t-16: 16px; --t-13: 13px;
  --space-2: 8px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-16: 64px;
  --margen: 64px;
  --r-m: 20px;
  --dur: 180ms; --ease: cubic-bezier(.2, .7, .1, 1);
  color-scheme: light;
}
* { box-sizing: border-box; }
body.portal {
  margin: 0; background: var(--papel); color: var(--tinta); font-family: var(--sans);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-synthesis: none;
  padding-inline: var(--margen); padding-block: var(--space-16);
}
.mono { font-family: var(--mono); font-size: var(--t-13); color: var(--gris); }
.cab { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-16); }
.firma { height: 20px; width: auto; }
.lista { display: grid; gap: var(--space-2); }
.proyecto {
  display: grid; grid-template-columns: 4fr 3fr 1fr 3fr 1fr; gap: var(--space-4); align-items: center;
  background: var(--blanco); border-radius: var(--r-m); padding: var(--space-6) var(--space-8);
  text-decoration: none; color: inherit; transition: transform var(--dur) var(--ease);
}
.proyecto:hover { transform: translateY(-2px); }
.proyecto:focus-visible { outline: 2px solid var(--tinta); outline-offset: 3px; }
.nombre { font-size: var(--t-25); font-weight: 600; }
.dato, .estado { font-size: var(--t-16); color: var(--gris); }
.estado { text-align: right; }
@supports (corner-shape: superellipse(1.5)) { .proyecto { corner-shape: superellipse(1.5); } }
@media (max-width: 760px) {
  :root { --margen: 16px; }
  .proyecto { grid-template-columns: 1fr auto; }
  .proyecto .dato { display: none; }
}
@media (prefers-reduced-motion: reduce) { .proyecto { transition: none; } }