/* Estación — extras SOLO del área cliente (nova). El core (tokens + componentes
   compartidos) vive en themes/admin_nova/assets/css/nv-estacion.css y lo carga
   también este tema, para no duplicar. Aquí solo reglas exclusivas del cliente. */

/* Grid de tarjetas de acceso (dashboard cliente) */
.nvx-navgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }
.nvx-navcard{
  display:flex; flex-direction:column; gap:6px; padding:18px 20px;
  background:var(--nvx-surface); border:1px solid var(--nvx-line);
  border-radius:var(--nvx-r-surface); box-shadow:var(--nvx-shadow);
  text-decoration:none; color:var(--nvx-ink); transition:border-color .12s, box-shadow .12s, transform .12s;
}
.nvx-navcard:hover{ border-color:var(--nvx-accent); box-shadow:var(--nvx-shadow-hover); transform:translateY(-2px); }
.nvx-navcard__ico{
  width:38px; height:38px; border-radius:var(--nvx-r-data); display:grid; place-items:center;
  background:var(--nvx-accent-soft); color:var(--nvx-accent-ink); margin-bottom:2px;
}
.nvx-navcard__ico svg{ width:20px; height:20px; }
.nvx-navcard__t{ font-family:var(--nvx-display); font-size:15px; font-weight:700; color:var(--nvx-ink); }
.nvx-navcard__d{ font-size:12.5px; color:var(--nvx-muted); }

/* "Mis servicios" del Escritorio — fila ancha y aireada (reemplaza el grid
   de mini-cards angostas .nvx-cards-grid, que apretaba la mini-tabla
   Precio/Renovación en 2 columnas y dejaba 1 sola card perdida/chica).
   Lista vertical de filas full-width dentro de .nvx-wrap (1360px): logo +
   nombre/badges a la izquierda, Precio/Renovación al centro con aire,
   Administrar a la derecha. Con 1 servicio ocupa el ancho completo; con
   varios, cada fila apila sin compartir columna (no se aprieta nunca). */
.nvx-svc-list{ display:flex; flex-direction:column; gap:14px; }
.nvx-svc-card{
  display:flex; align-items:center; gap:24px; flex-wrap:wrap;
  background:var(--nvx-surface); border:1px solid var(--nvx-line); border-radius:var(--nvx-r-surface);
  box-shadow:var(--nvx-shadow); padding:20px 24px;
  transition:border-color .12s, box-shadow .12s;
}
.nvx-svc-card:hover{ border-color:var(--nvx-accent); box-shadow:var(--nvx-shadow-hover); }
.nvx-svc-card__id{ display:flex; align-items:center; gap:16px; flex:2 1 260px; min-width:0; }
.nvx-svc-card__meta{ min-width:0; }
.nvx-svc-card__meta .nvx-fsec__title{ margin:2px 0 3px; }
.nvx-svc-card__meta .nvx-hint{ margin:0; }
.nvx-svc-card__stats{ display:flex; gap:36px; flex:3 1 280px; }
.nvx-svc-stat{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.nvx-svc-stat__k{ font-size:11.5px; color:var(--nvx-muted); }
.nvx-svc-stat__v{ font-size:15px; font-weight:700; color:var(--nvx-ink); font-variant-numeric:tabular-nums; }
.nvx-svc-card__action{ flex:0 0 auto; margin-left:auto; }

/* Chip cuadrado neutro para el logo — mismo recipe que .nvx-store-card__logo
   (custom-nv-order.css) para que logos SVG/PNG de distinto fondo se vean
   consistentes; --lg para la fila (más grande que un tile de icono normal). */
.nvx-svc-logo{
  width:36px; height:36px; border-radius:var(--nvx-r-data); flex:none; display:grid; place-items:center;
  background:var(--nvx-surface-2); border:1px solid var(--nvx-line); overflow:hidden;
}
.nvx-svc-logo img{ width:22px; height:22px; object-fit:contain; }
.nvx-svc-logo--lg{ width:44px; height:44px; }
.nvx-svc-logo--lg img{ width:26px; height:26px; }

@media (max-width:760px){
  .nvx-svc-card{ flex-direction:column; align-items:stretch; gap:16px; }
  .nvx-svc-card__stats{ gap:24px; }
  .nvx-svc-card__action{ margin-left:0; }
  .nvx-svc-card__action .nvx-btn{ width:100%; justify-content:center; }
}

/* Hero del Escritorio, versión slim (reorg 2026-07-28): mitad de padding y
   título más chico que el .nvx-hero por defecto (compartido con admin),
   para que "Mis servicios" — ahora justo debajo — quede visible sin
   scroll en la mayoría de pantallas. */
.nvx-hero--slim{ padding:14px 22px; }
.nvx-hero--slim .nvx-hero__title{ font-size:19px; margin-bottom:2px; }
.nvx-hero--slim .nvx-hero__sub{ font-size:12.5px; }