// Renovación Ciudadana V60 Ultra LESS Tokens
// Solo visual. Mantiene backend, validaciones y datos intactos.
@brand-blue: #2563eb;
@brand-cyan: #06b6d4;
@brand-violet: #7c3aed;
@brand-emerald: #10b981;
@ink: #0f172a;
@muted: #64748b;
@glass: rgba(255,255,255,.72);
@radius-xl: 28px;
@radius-lg: 22px;
@shadow-soft: 0 18px 46px rgba(15,23,42,.1);

.v60-less-card() {
  border-radius: @radius-xl;
  border: 1px solid rgba(255,255,255,.74);
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(239,246,255,.76));
  box-shadow: @shadow-soft;
}

.visual-ultra-shell {
  .v60-less-accent-line {
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, @brand-blue, @brand-violet, @brand-cyan, @brand-emerald);
  }

  .v60-less-highlight {
    .v60-less-card();
    padding: 1rem;
  }

  .badge,
  .premium-role-pill,
  .premium-topbar-chip {
    border-radius: 999px;
  }

  .alert {
    border-radius: @radius-lg;
    border: 1px solid fade(@brand-blue, 14%);
    box-shadow: 0 12px 28px rgba(15,23,42,.06);
  }
}

// V63 — contexto administrativo por país
.premium-country-context-pill {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
  overflow: hidden;
  .country-context-link {
    display: inline-flex;
    align-items: center;
    padding: .45rem .85rem;
    color: #0f172a;
    font-weight: 800;
    text-decoration: none !important;
    white-space: nowrap;
    i { color: #10b981; }
  }
}