/* Tipografías del sistema (rápidas y nítidas) */
:root { --radius: 1rem; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Logo degradado tipo Fluxion */
.logo-text{
  font-weight: 800;
  letter-spacing: .2px;
  background: linear-gradient(90deg,#00C6FF 0%,#0072FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Texto con gradiente (para titular) */
.text-gradient{
  background: linear-gradient(90deg,#0072FF 0%, #00C6FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Hero */
.hero{ background:
  radial-gradient(1200px 400px at 80% 10%, rgba(0,114,255,.06), transparent 60%),
  radial-gradient(600px 300px at 20% 20%, rgba(0,198,255,.06), transparent 60%); }
.placeholder-illustration{ background:
  linear-gradient(135deg,#f8f9fa,#f1f3f5);
  border: 1px solid #e9ecef; }

/* Tarjetas de features */
.feature-card { border: 1px solid #eee; border-radius: var(--radius); transition: transform .12s ease, box-shadow .12s ease; }
.feature-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0,0,0,.06); }

/* Tarjetas de planes */
.plan-card { border-radius: var(--radius); }
.plan-card .badge { border-radius: 999px; }

/* Espaciados de secciones */
section .container > h2 { font-weight: 700; }
section.bg-light { border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }

/* Navbar */
.navbar .nav-link { font-weight: 500; }
.navbar .btn { border-radius: .6rem; }

/* Footer */
footer { background: #fff; }