:root { --brand: #1f6feb; }

body { background:#0b1220; color:#e6edf3; }
.text-brand { color: var(--brand) !important; }

.nav-glass{
  background: rgba(11, 18, 32, 0.75);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.hero{
  background:
    radial-gradient(900px 400px at 15% 15%, rgba(31,111,235,0.28), transparent 60%),
    radial-gradient(700px 350px at 85% 35%, rgba(0, 212, 255, 0.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.03), transparent 45%);
}

.section { padding: 72px 0; }
.section-alt {
  background: rgba(255,255,255,0.03);
  border-top: 1px solid rgba(255,255,255,0.06);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.btn-brand { background: var(--brand); border-color: var(--brand); color:#fff; }
.btn-brand:hover { filter: brightness(1.05); }

.card{
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
}

.card-hover{ transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.card-hover:hover{
  transform: translateY(-3px);
  border-color: rgba(31,111,235,0.45);
  box-shadow: 0 18px 40px rgba(0,0,0,0.30);
}

.glass-card{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
}

.icon-badge{
  width:44px;height:44px;display:grid;place-items:center;
  border-radius:12px;background: rgba(31,111,235,0.14);
  border:1px solid rgba(31,111,235,0.25);
  color: var(--brand); font-size: 20px;
}

.kpi-grid{ display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:12px; }
.kpi{
  padding:12px;border-radius:14px;background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.08);
}
.kpi-title{ color: rgba(230,237,243,0.70); font-size: 12px; }
.kpi-value{ font-weight: 800; font-size: 20px; }
.kpi-sub{ color: rgba(230,237,243,0.55); font-size: 12px; }

.feature-list{ display:grid; gap:14px; }
.feature-item{
  display:flex; gap:12px; align-items:flex-start;
  padding:14px;border-radius:16px;background: rgba(0,0,0,0.16);
  border: 1px solid rgba(255,255,255,0.08);
}
.feature-item i{ color: var(--brand); font-size: 20px; margin-top:1px; }

.arch{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.arch-box{
  padding:10px 12px;border-radius:14px;background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.08);
  display:inline-flex; gap:8px; align-items:center;
}
.arch-arrow{ color: rgba(230,237,243,0.55); font-weight:700; }

.spec{
  padding:14px;border-radius:16px;background: rgba(0,0,0,0.16);
  border: 1px solid rgba(255,255,255,0.08);
}
.spec-title{ font-weight:700; display:flex; gap:8px; align-items:center; }
.spec-title i{ color: var(--brand); }
.spec-sub{ color: rgba(230,237,243,0.60); font-size: 12px; margin-top:2px; }

.form-control, .form-select{
  background: rgba(0,0,0,0.20) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color:#e6edf3 !important;
}
.form-control::placeholder{ color: rgba(230,237,243,0.45); }
.form-control:focus, .form-select:focus{
  border-color: rgba(31,111,235,0.55) !important;
  box-shadow: 0 0 0 .25rem rgba(31,111,235,0.18) !important;
}

.footer{
  border-top: 1px solid rgba(255,255,255,0.06);
  background: rgba(0,0,0,0.25);
}

.pill{
  border:1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
}

/* Fix contraste en cards */
.card, .card * { color: #e6edf3; }
.card .text-secondary { color: rgba(230,237,243,.72) !important; }
.card ul, .card li { color: rgba(230,237,243,.72); }

/* Pricing destacada */
.pricing-featured{
  border-color: rgba(31,111,235,.55) !important;
  border-width: 2px !important;
}

/* Accordion FAQ */
.accordion-button{
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}
.accordion-button:focus{
  box-shadow: 0 0 0 .25rem rgba(31,111,235,0.18) !important;
}
.accordion-button:not(.collapsed){
  color: #e6edf3;
  background: rgba(255,255,255,0.04);
}
.accordion-body{
  border: 1px solid rgba(255,255,255,0.08);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: rgba(0,0,0,0.12);
}