/* ============================================================
   colofón — pie del sitio (bplay argentina)
   Marca-wordmark reutilizada, navegación y base legal.
   ============================================================ */

.colofon {
  background: var(--fieltro-hondo);
  border-top: 1px solid var(--linde);
  padding-block: clamp(2.6rem, 6vw, 4.5rem);
}
.colofon__fila {
  max-width: 86rem;
  margin-inline: auto;
  padding-inline: var(--canal);
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: var(--aire-m);
  align-items: start;
}

.colofon__izq .marca { font-size: 1.5rem; margin-bottom: var(--aire-s); }
.colofon__desc {
  color: var(--marfil-medio);
  font-size: var(--t-cuerpo);
  line-height: 1.55;
  max-width: 42ch;
  margin-bottom: var(--aire-s);
}

.colofon__der {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--aire-s);
}
/* envoltura WP: nav > ul > li > a */
.colofon__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .6rem 1.6rem;
}
.colofon__nav a {
  color: var(--marfil-medio);
  font-size: .98rem;
  transition: color .18s ease;
}
.colofon__nav a:hover { color: var(--esmeralda-viva); }
.colofon__licencia {
  color: var(--marfil-tenue);
  font-size: var(--t-micro);
  line-height: 1.5;
}

.colofon__base {
  max-width: 86rem;
  margin: var(--aire-m) auto 0;
  padding: var(--aire-s) var(--canal) 0;
  border-top: 1px solid var(--linde-suave);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .6rem 1.5rem;
  color: var(--marfil-tenue);
  font-size: var(--t-micro);
}

@media (max-width: 720px) {
  .colofon__fila { grid-template-columns: 1fr; }
}