:root{
  --brand:#ff8a00;
}

/* ===== BASE ===== */
body{
  background: radial-gradient(1200px 700px at 20% 0%, #0c2a44 0%, #06131f 40%, #03070c 100%);
  color:#e9f1ff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
}

/* ===== NAVBAR ===== */
.navbar{
  backdrop-filter: blur(10px);
  background: rgba(0,0,0,.35) !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* ===== CARDS (GLASS UI) ===== */
.card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  border-radius: 1rem;
}

/* 👉 OPCIÓN 2: ICONOS Y TÍTULOS BLANCO INTENSO */
.card h5,
.card .fs-2 i {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ===== BADGES ===== */
.badge-brand{
  background: rgba(255,138,0,.15);
  border: 1px solid rgba(255,138,0,.35);
  color: #ffd2a3;
}

/* ===== BOTONES ===== */
.btn-brand{
  background: var(--brand);
  border: none;
  color: #111;
  font-weight: 700;
}
.btn-brand:hover{
  filter: brightness(.95);
}

/* ===== TEXTOS ===== */
.kicker{
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity:.9;
  font-size: .85rem;
}

hr.soft{
  border-color: rgba(255,255,255,.12);
}

/* ===== IMÁGENES ===== */
.hero-img{
  width:100%;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 10px 30px rgba(0,0,0,.4);
}

/* ===== FOOTER ===== */
.footer{
  opacity:.85;
  font-size:.9rem;
}

/* ===== FORMULARIOS ===== */
.form-control,
.form-control:focus{
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
}

.form-control::placeholder{
  color: rgba(255,255,255,.5);
}

/* ===== LINKS ===== */
a{
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}
/* FUERZA BLANCO EN TITULOS E ICONOS DENTRO DE CARDS */
.card h5,
.card .fs-2,
.card .fs-2 i {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* SI EL PADRE TIENE OPACITY, ESTE BLOQUE LO ANULA VISUALMENTE */
.card .fs-2 *,
.card h5 * {
  opacity: 1 !important;
  filter: none !important;
}

.neon{
  color:#fff;
  text-shadow:
    0 0 5px #0ff,
    0 0 10px #0ff,
    0 0 20px #0ff,
    0 0 40px #00f;
}