:root{
  --brand:#696cff; --brand-600:#585ee6; --brand-700:#4b51c9; --bg:#f6f7fb; --text:#2b2d33;
}
*{font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';}
.fw-700{font-weight:700}.fw-800{font-weight:800}
.text-secondary-600{color:#6c757d}.text-secondary-700{color:#5a6270}
.navbar .brand-badge{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#9fa1ff);display:inline-grid;place-items:center;color:#fff}
.navbar .nav-link{font-weight:600}
.hero{background:radial-gradient(1200px 500px at 20% -10%, #dfe1ff 0%, rgba(255,255,255,0) 60%)}
.hero-bg-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(105,108,255,.08),rgba(255,255,255,0));pointer-events:none}
.brand-gradient-text{background:linear-gradient(90deg,var(--brand),#9fa1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-card{border-radius:1.25rem;overflow:hidden}
.icon-lg{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:rgba(105,108,255,.1);color:var(--brand);font-size:1.5rem;margin-inline:auto}
.hover-rise{transition:transform .2s ease, box-shadow .2s ease}
.hover-rise:hover{transform:translateY(-2px);box-shadow:0 1rem 2rem rgba(0,0,0,.08)}
.timeline .timeline-item{position:relative;padding-left:2.25rem;margin-bottom:.75rem}
.timeline .bullet{position:absolute;left:0;top:0.05rem;color:var(--brand)}
.price{border-radius:1.25rem}
.badge-popular{position:absolute;top:-10px;right:14px;background:var(--brand);color:#fff;font-size:.75rem;padding:.35rem .6rem;border-radius:1rem}
.footer-link{color:#6c757d;text-decoration:none}
.footer-link:hover{color:var(--brand)}
.social{font-size:1.25rem;color:#6c757d}
.social:hover{color:var(--brand)}
.btn-whatsapp{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;font-size:1.5rem;box-shadow:0 1rem 2rem rgba(0,0,0,.15);z-index:1040}
.btn-whatsapp:hover{color:#fff;filter:brightness(.95)}

/* Cards & shadows */
.shadow-xl{box-shadow:0 2rem 3rem rgba(0,0,0,.12)}

/* Utilities */
.object-fit-cover{object-fit:cover}

/* Dark mode (optional toggle) */
@media (prefers-color-scheme: dark){
  :root{--bg:#0d0f14; --text:#e9e9ef}
  body{background:var(--bg); color:var(--text)}
  .navbar, .card, footer{background:#0f1218 !important;color:var(--text)}
  .text-secondary, .text-secondary-600, .text-secondary-700{color:#adb5bd !important}
  .footer-link{color:#adb5bd}
}

/* Small tweaks */
.accordion-button:focus{box-shadow:none}