:root{
  --indigo:#3a329c;
  --mint:#5fc498;
}

/* look & feel */
body{
  background:
    radial-gradient(900px 500px at 15% 10%, rgba(58,50,156,.22), transparent 60%),
    radial-gradient(700px 450px at 80% 20%, rgba(95,196,152,.18), transparent 60%),
    #f7f8fb;
}

.navbar{
  backdrop-filter: blur(10px);
}

.btn-primary{
  background: linear-gradient(135deg, var(--mint), #86e6c2);
  border: 0;
  color:#052015;
  font-weight: 800;
}
.btn-outline-secondary{
  border-color: rgba(58,50,156,.25);
}

.card, .border.rounded, .rounded{
  border-radius: 18px !important;
}

.card{
  border: 1px solid rgba(0,0,0,.06);
}

.shadow-sm{
  box-shadow: 0 18px 60px rgba(0,0,0,.08) !important;
}

/* hero */
header.py-5{
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

/* ===== Luny brand tweaks (safe over Bootstrap) ===== */
:root{
  --luny-indigo:#3a329c;
  --luny-mint:#5fc498;
}

/* Botón principal (sin pelear con Bootstrap) */
.btn-primary{
  background: linear-gradient(135deg, var(--luny-mint), #86e6c2) !important;
  border: 0 !important;
  color:#052015 !important;
  font-weight: 800;
}
.btn-primary:hover{ filter: brightness(.98); }

/* Redondeo suave */
.card, .btn, .form-control, .navbar, .dropdown-menu{
  border-radius: 16px !important;
}

/* Sombra sutil */
.shadow-sm, .card{
  box-shadow: 0 18px 60px rgba(0,0,0,.08) !important;
}

/* Fondo ligero con tu paleta (muy discreto) */
body{
  background:
    radial-gradient(900px 500px at 15% 10%, rgba(58,50,156,.16), transparent 60%),
    radial-gradient(700px 450px at 80% 20%, rgba(95,196,152,.12), transparent 60%),
    #f7f8fb !important;
}

/* Navbar tipo vidrio */
.navbar{
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(10px);
}

.hero-media{
  background: transparent;
  border: 0;
}