.gv {
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
}
.gv__volver {
  color: var(--t-accent);
  text-decoration: none;
  font-size: .9rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.gv__volver:hover { text-decoration: underline; }

.gv h1 { color: var(--t-text); margin-bottom: .4rem; }
.gv__intro { color: var(--t-muted); line-height: 1.6; margin-bottom: 1.5rem; max-width: 620px; }

.gv__buscar {
  width: 100%;
  border: 1px solid var(--t-line);
  border-radius: 12px;
  padding: .8rem 1rem;
  font-size: 16px;
  background: var(--t-panel);
  color: var(--t-text);
  margin-bottom: 1.25rem;
}
.gv__buscar:focus { outline: none; border-color: var(--t-accent); }

.gv__tabla-wrap {
  background: var(--t-panel);
  border: 1px solid var(--t-line);
  border-radius: 14px;
  overflow-x: auto;
}
.gv__tabla { width: 100%; border-collapse: collapse; }
.gv__tabla th, .gv__tabla td {
  text-align: left;
  padding: .7rem .9rem;
  border-bottom: 1px solid var(--t-line);
  font-size: .9rem;
  color: var(--t-text);
  white-space: nowrap;
}
.gv__tabla th {
  color: var(--t-muted);
  font-weight: 600;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  background: var(--t-bg);
}
.gv__tabla tbody tr:last-child td { border-bottom: none; }
.gv__tabla tbody tr { transition: background .12s ease; }
.gv__tabla tbody tr:hover { background: var(--t-accent-faint, rgba(15,122,92,.06)); }
.gv__tabla tbody tr:hover td:first-child strong { color: var(--t-accent); }
.gv__col-ejemplo { white-space: normal; min-width: 220px; }
.gv__ejemplo-en { display: block; color: var(--t-text); }
.gv__ejemplo-es { display: block; color: var(--t-muted); font-size: .82rem; margin-top: .15rem; }

.gv__sin-resultados { color: var(--t-muted); text-align: center; margin-top: 1.5rem; }

@media (max-width: 480px) {
  .gv { padding: 1.25rem .75rem 2rem; }
  .gv__tabla th, .gv__tabla td { padding: .55rem .6rem; font-size: .85rem; }
}

@media (prefers-reduced-motion: reduce) {
  .gv__tabla tbody tr { transition: none; }
}