/* /releases (Fase 94). Los valores T3 van escritos aquí y no como variables
   de home-t3.css: la página no depende de la cabecera nueva. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap');
.gv-rel {
  background: #0A0A0C;
  color: #F2EEE6;
  font-family: Manrope, system-ui, sans-serif;
  padding: 48px 16px 80px;
}
.gv-rel h1, .gv-rel h2 { font-family: inherit; }
.gv-rel-inner { max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; }
.gv-rel-head { display: flex; flex-direction: column; gap: 12px; }
.gv-rel-kicker { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #d4a843; }
.gv-rel-title { margin: 0; font-size: clamp(36px, 8vw, 48px); font-weight: 800; letter-spacing: -.02em; color: #F2EEE6; }
.gv-rel-intro { margin: 0; font-size: 17px; line-height: 1.55; color: #BDB5A6; max-width: 620px; }
.gv-rel-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.gv-rel-filter[hidden] { display: none; }
.gv-rel-btn {
  min-height: 44px; padding: 0 20px; border-radius: 999px;
  border: 1px solid #2A2A2E; background: #141416; color: #BDB5A6;
  font: 600 15px Manrope, system-ui, sans-serif; cursor: pointer;
}
.gv-rel-btn[aria-pressed="true"] { background: #d4a843; border-color: #d4a843; color: #0A0A0C; font-weight: 700; }
.gv-rel-btn:focus-visible, .gv-rel-row:focus-visible { outline: 2px solid #f0c768; outline-offset: 2px; }
.gv-rel-group { display: flex; flex-direction: column; gap: 10px; }
.gv-rel-group[hidden] { display: none; }
.gv-rel-label { margin: 0 0 4px; font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #BDB5A6; }
.gv-rel-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.gv-rel-row {
  display: flex; align-items: center; gap: 20px; padding: 16px 20px;
  border-radius: 18px; background: #141416; border: 1px solid #1F1F23;
  color: #F2EEE6; text-decoration: none;
}
.gv-rel-row:hover { background: #1A1A1D; border-color: #3A3220; color: #F2EEE6; }
.gv-rel-date { width: 64px; flex-shrink: 0; text-align: center; font-size: 16px; font-weight: 800; line-height: 1.2; }
.gv-rel-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.gv-rel-name { font-size: 18px; font-weight: 700; overflow-wrap: anywhere; }
.gv-rel-note { font-size: 14px; color: #BDB5A6; }
.gv-rel-pill { flex-shrink: 0; padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; }
.gv-rel-pill--pre { background: #2A2410; color: #f0c768; border: 1px solid #5A4A1C; }
.gv-rel-pill--full { background: #d4a843; color: #0A0A0C; }
.gv-rel-empty, .gv-rel-foot { margin: 0; font-size: 14px; line-height: 1.6; color: #BDB5A6; }

@media (max-width: 600px) {
  .gv-rel-row { flex-wrap: wrap; gap: 8px 14px; padding: 14px 16px; }
  .gv-rel-date { width: 52px; font-size: 15px; }
  .gv-rel-body { flex-basis: calc(100% - 66px); }
  .gv-rel-pill { margin-left: 66px; }
}