@charset "UTF-8";
/* ==========================================================================
   NovaHost — Service module pages (client side)

   Todas las páginas que este archivo cubría (servicedomain_manage/order_form,
   servicestatus_index/history/incident, servicelicense_manage,
   servicedownloadable_manage) fueron recreadas al patrón Estación (nvx-*) —
   ver docs/CLIENTE-REDESIGN-PROGRESS.md. Lo único que sigue vivo es la parte
   de mod_servicehosting_order_form que el JS (services.js) manipula
   directamente y que por eso no se pudo retirar sin tocar ese JS compartido:
     - .nv-svc-deploy-option(--active)  → selectDeploymentType() le agrega/quita
       la clase --active y la usa como selector visual de la tarjeta elegida.
     - .nv-svc-hidden                   → toggleClass()/estado inicial oculto
       que revela el propio services.js (domain order form / hosting order form).
   Usa SOLO tokens definidos en custom-nv-tokens.css. No duplicar tokens.
   ========================================================================== */

/* ------------------------------------------------------------------
   Hosting order form — deployment selector (mod_servicehosting_order_form)
   ------------------------------------------------------------------ */
.nv-svc-deploy-option {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    padding: 1rem;
    border: 2px solid transparent;
    border-radius: var(--nv-radius-md);
    background: var(--nv-card-bg);
    min-height: 170px;
    cursor: pointer;
    transition: var(--nv-transition);
}
.nv-svc-deploy-option:hover {
    border-color: var(--nv-primary-soft);
    background: rgba(8,145,178,.02);
}
.nv-svc-deploy-option--active {
    border-color: var(--nv-primary);
    background: rgba(8,145,178,.04);
}
.nv-svc-deploy-option strong {
    color: var(--nh-navy);
    display: block;
    margin-bottom: .25rem;
}
.nv-svc-deploy-option .text-muted { font-size: var(--nv-font-sm); }

/* Oculto inicial para elementos que services.js revela con jQuery
   .fadeIn()/.show() (manipula style.display directamente — SIN !important,
   a diferencia de Bootstrap .d-none, para que jQuery pueda sobreescribirlo). */
.nv-svc-hidden { display: none; }

/* ══════════════════ CTA de acceso SSO a la plataforma ══════════════════
   Estilo Estación (mismo recipe que .nvx-navcard/.nvx-lcard): surface + borde +
   icono en tile accent-soft + hover con borde de acento. Sin gradiente propio. */
.nvx-sso-cta {
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 560px;
  margin-bottom: 1rem;
  padding: 15px 18px;
  border: 1px solid var(--nvx-line);
  border-radius: var(--nvx-r-surface);
  background: var(--nvx-surface);
  box-shadow: var(--nvx-shadow);
  text-decoration: none;
  color: var(--nvx-ink);
  transition: border-color .12s, box-shadow .12s, transform .12s;
}
.nvx-sso-cta:hover {
  border-color: var(--nvx-accent);
  box-shadow: var(--nvx-shadow-hover);
  transform: translateY(-2px);
}
.nvx-sso-cta:focus-visible { outline: 2px solid var(--nvx-accent); outline-offset: 2px; }
.nvx-sso-cta__glyph {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: var(--nvx-r-data);
  background: var(--nvx-accent-soft);
  color: var(--nvx-accent-ink);
  display: grid;
  place-items: center;
}
.nvx-sso-cta__glyph svg { width: 22px; height: 22px; }
.nvx-sso-cta__body { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.nvx-sso-cta__title { font-family: var(--nvx-display); font-weight: 700; font-size: 15px; color: var(--nvx-ink); }
.nvx-sso-cta__sub { font-size: 12.5px; color: var(--nvx-muted); line-height: 1.35; }
.nvx-sso-cta__arrow { flex-shrink: 0; color: var(--nvx-muted); transition: color .12s, transform .12s; }
.nvx-sso-cta:hover .nvx-sso-cta__arrow { color: var(--nvx-accent); transform: translateX(3px); }