/* La página de descarga de Agent Base.
   ══════════════════════════════════════════════════════════════════════════
   Tokens del sitio (--nix-*), que la cabecera de nix_website ya carga en
   cualquier página; aquí solo hay disposición.

   Todo cuelga de un id o de #wrapwrap por lo mismo que portal.css: el bundle
   de Odoo se enlaza después del nuestro y pesa por id.

   El archivo conserva su nombre de cuando también vestía la barra de los
   tres pasos (fuera el 2026-09-19): la plantilla lo enlaza a mano y
   renombrarlo solo movería la ruta del <link>. */

/* El mismo aire arriba que abajo. Eran 120px hasta el 2026-09-19, que es lo
   que medía la barra fija de los tres pasos más su holgura; sin barra, era
   una franja vacía al pie de una página corta. */
#wrapwrap .ab-descarga {
  max-width: 44rem;
  margin: 0 auto;
  padding: var(--space-6, 48px) var(--space-3, 16px);
}

#wrapwrap .ab-descarga__titulo {
  margin: 0 0 12px;
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 300;
  letter-spacing: -0.02em;
  color: var(--nix-text);
}

#wrapwrap .ab-descarga__intro {
  margin: 0 0 var(--space-4, 32px);
  font-size: 18px;
  line-height: 1.6;
  color: var(--nix-text-soft);
}

#wrapwrap .ab-descarga__sistemas {
  display: grid;
  gap: 12px;
  margin-bottom: var(--space-4, 32px);
}

#wrapwrap .ab-descarga__sistema {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 4px 16px;
  padding: 18px 20px;
  background: var(--nix-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--lift-2);
  text-decoration: none;
  color: var(--nix-text);
}

#wrapwrap .ab-descarga__nombre { font-size: 19px; }

#wrapwrap .ab-descarga__detalle {
  grid-column: 1;
  font-size: 14px;
  color: var(--nix-text-quiet);
}

#wrapwrap .ab-descarga__accion {
  grid-row: 1 / 3;
  grid-column: 2;
  padding: 8px 18px;
  border-radius: var(--radius-pill);
  background: var(--nix-text);
  color: var(--nix-paper);
  font-size: 15px;
}

/* El que no está listo no finge que lo está: sin sombra, sin botón sólido y
   sin cursor de enlace. */
#wrapwrap .ab-descarga__sistema[data-listo="0"] {
  background: none;
  box-shadow: none;
  border: 1px solid var(--nix-rule);
  color: var(--nix-text-soft);
}

#wrapwrap .ab-descarga__sistema[data-listo="0"] .ab-descarga__accion {
  background: none;
  border: 1px solid var(--nix-rule);
  color: var(--nix-text-quiet);
}

#wrapwrap .ab-descarga__aviso label {
  display: block;
  margin-bottom: 10px;
  color: var(--nix-text-soft);
  font-size: 15px;
}

#wrapwrap .ab-descarga__aviso-fila {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#wrapwrap .ab-descarga__aviso-fila select,
#wrapwrap .ab-descarga__aviso-fila input {
  padding: 10px 12px;
  border: 1px solid var(--nix-rule);
  border-radius: var(--radius-sm);
  background: var(--nix-surface);
  color: var(--nix-text);
  font: inherit;
}

#wrapwrap .ab-descarga__aviso-fila input { flex: 1 1 14rem; }

#wrapwrap .ab-descarga__gracias,
#wrapwrap .ab-descarga__pie {
  margin-top: var(--space-3, 16px);
  color: var(--nix-text-quiet);
  font-size: 15px;
}

#wrapwrap .ab-descarga__pie a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 600px) {
  #wrapwrap .ab-descarga__sistema { grid-template-columns: 1fr; }
  #wrapwrap .ab-descarga__accion { grid-row: auto; grid-column: 1; justify-self: start; }
}