/* ===========================
   AlphaNAS Premium Minimal UI
   =========================== */

/* Tipografía y base */
:root {
  --alphanas-radius: 18px;
  --alphanas-border: rgba(255,255,255,.08);
  --alphanas-muted: rgba(255,255,255,.60);
  --alphanas-shadow: 0 12px 40px rgba(0,0,0,.35);
}

/* Fondo más “mate” */
html, body {
  background: radial-gradient(1200px 600px at 20% 10%, rgba(255,255,255,.06), transparent 55%),
              radial-gradient(900px 500px at 80% 0%, rgba(255,255,255,.05), transparent 60%),
              #0b0f14 !important;
}

/* Header más limpio */
header, .header {
  backdrop-filter: blur(10px);
  background: rgba(10,14,20,.55) !important;
  border-bottom: 1px solid var(--alphanas-border) !important;
}

/* Secciones */
.section, .services-group {
  margin-top: 18px !important;
}

/* Tarjetas: más premium */
.service, .widget, .card, .services .service {
  border-radius: var(--alphanas-radius) !important;
  border: 1px solid var(--alphanas-border) !important;
  background: rgba(16,22,30,.72) !important;
  box-shadow: var(--alphanas-shadow);
}

/* Hover sutil */
.service:hover, .widget:hover, .card:hover {
  transform: translateY(-2px);
  transition: transform .18s ease, background .18s ease;
  background: rgba(18,26,36,.82) !important;
}

/* Títulos y descripciones */
.service-title, .title, h1, h2, h3 {
  letter-spacing: .2px !important;
}

.service-description, .description, .subtitle, .muted {
  color: var(--alphanas-muted) !important;
}

/* Iconos un pelín más “nítidos” */
.service-icon img, .icon img, .service-icon svg {
  filter: saturate(1.05) contrast(1.05);
}

/* Badges / estados: menos chillones */
.badge, .status, .pill {
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.06) !important;
}

/* Widget search: más integrado */
.search input, input[type="search"] {
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.06) !important;
}

/* Reducir “ruido” en separadores */
hr, .divider {
  opacity: .25 !important;
}