:root{
  --navy:#00255F;
  --navy-2:#0B1B4A;
  --ink:#111827;
  --muted:#6B7280;
  --bg:#FFFFFF;
  --soft:#F8F8F8;
  --primary:#F72585;
  --accent:#F9B233;
  --whatsapp:#25D366;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.10);
}
html,body{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3,h4,h5{font-family:'Montserrat',sans-serif;color:var(--navy)}
.navbar{background:rgba(0,37,95,.85)!important;backdrop-filter:saturate(1.2) blur(6px)}
.navbar .nav-link{color:#fff!important;margin:0 .35rem;font-weight:600}
.navbar .nav-link:hover{color:var(--accent)!important}
.badge-brand{background:var(--accent);color:#111;border-radius:999px;padding:.35rem .7rem;font-weight:800}
.btn-gradient{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;color:#fff;font-weight:800}
.btn-gradient:hover{filter:brightness(.97)}
.btn-outline-light{border-width:2px}
.hero{position:relative}
.hero .hero-media{height:78vh;min-height:520px;background: url('../img/hero_main.svg') center/cover no-repeat;filter:brightness(.85)}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,37,95,.85), rgba(0,37,95,.4))}
.hero .inner{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:0 1rem}
.hero h1{font-family:'Playfair Display',serif;color:#fff;font-weight:800;font-size:64px;line-height:1.1;letter-spacing:-.5px}
.hero p{color:#fff;opacity:.95;max-width:820px;margin:12px auto 0;font-size:18px}
.hero .actions{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.section{padding:64px 0}
.section.alt{background:var(--soft)}
.card.elev{border:none;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.card-title{color:var(--navy);font-weight:800}
.price{color:var(--navy);font-weight:900}
.product-img{height:300px;object-fit:cover}
.tag{display:inline-block;background:#eef2ff;border:1px solid #e5e7eb;color:var(--navy);padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px}
.btn-w{background:var(--whatsapp);color:#111;font-weight:900}
.btn-w:hover{filter:brightness(.95)}
.footer{background:var(--navy);color:#E5E7EB;border-top:4px solid var(--accent)}
.footer a{color:#fff}
.filter-chip{border:1px solid #e5e7eb;border-radius:999px;padding:.35rem .75rem;font-weight:700;cursor:pointer;background:#fff}
.filter-chip.active{background:#111827;color:#fff;border-color:#111827}
.range-wrap{display:flex;gap:10px;align-items:center}
.table th{background:#f0f2f8;color:var(--navy)}