/* ========================================================================== Invinance Advisory Services - SHARED SITE CHROME Theme variables, base reset, nav, buttons, footer. Loaded by every page (see assets/js/header.js and assets/js/footer.js for the corresponding markup). Edit here once, it applies everywhere. Fonts are loaded via tags in each page's , not here. ========================================================================== */ :root{ --bg:#ffffff; --bg-alt:#f4f7fb; --navy:#0f172a; --blue:#1e3a8a; --blue-soft:#3b5bb5; --gold:#a16207; --gold-bright:#c9a227; --gold-soft:#8a5606; --teal:#0e7490; --text:#0f172a; --body-c:#42526b; --muted:#64748b; --card:#ffffff; --line:rgba(161,98,7,.28); --line-blue:rgba(30,58,138,.14); --shadow-sm:0 2px 10px rgba(15,23,42,.06); --shadow-md:0 14px 40px rgba(15,23,42,.1); --shadow-lg:0 30px 70px rgba(15,23,42,.16); --radius:18px; --glass-bg:rgba(255,255,255,.7); --glass-bg-strong:rgba(255,255,255,.85); --glass-border:rgba(255,255,255,.6); --glass-border-soft:rgba(30,58,138,.14); --glass-blur:16px; --section-tint:rgba(238,243,250,.85); --section-tint-fade:linear-gradient(to bottom,rgba(244,247,251,0),rgba(238,243,250,.85)); --nav-bg-glass:rgba(255,255,255,.85); --dark-panel-bg:rgba(13,20,36,.82); --dark-panel-border:rgba(255,255,255,.14); } [data-theme="dark"]{ --bg:#0a0e1a; --bg-alt:#0d1424; --text:#f4f6ff; --body-c:#b7c0dd; --muted:#8a96b8; --card:#121a2e; --line:rgba(201,162,39,.35); --line-blue:rgba(255,255,255,.12); --shadow-sm:0 2px 12px rgba(0,0,0,.45); --shadow-md:0 14px 40px rgba(0,0,0,.5); --shadow-lg:0 30px 70px rgba(0,0,0,.6); --glass-bg:rgba(255,255,255,.06); --glass-bg-strong:rgba(255,255,255,.08); --glass-border:rgba(255,255,255,.16); --glass-border-soft:rgba(255,255,255,.12); --section-tint:rgba(255,255,255,.03); --section-tint-fade:linear-gradient(to bottom,rgba(10,14,26,0),rgba(255,255,255,.03)); --nav-bg-glass:rgba(10,14,26,.8); } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--body-c);line-height:1.65;overflow-x:hidden} body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22680%22%20height%3D%22460%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22rgba%2830%2C58%2C138%2C0.06%29%22%20stroke-width%3D%221.5%22%3E%3Cpolyline%20points%3D%2220%2C120%2070%2C90%20120%2C105%20170%2C60%20220%2C75%20270%2C40%22/%3E%3Cpolyline%20points%3D%22380%2C420%20430%2C390%20480%2C400%20530%2C360%20580%2C375%20640%2C330%22/%3E%3C/g%3E%3Cg%20fill%3D%22rgba%2830%2C58%2C138%2C0.05%29%22%3E%3Crect%20x%3D%2260%22%20y%3D%22330%22%20width%3D%2210%22%20height%3D%2240%22/%3E%3Crect%20x%3D%2280%22%20y%3D%22310%22%20width%3D%2210%22%20height%3D%2260%22/%3E%3Crect%20x%3D%22100%22%20y%3D%22345%22%20width%3D%2210%22%20height%3D%2225%22/%3E%3Crect%20x%3D%22120%22%20y%3D%22295%22%20width%3D%2210%22%20height%3D%2275%22/%3E%3C/g%3E%3Cg%20fill%3D%22rgba%28161%2C98%2C7%2C0.05%29%22%3E%3Crect%20x%3D%22480%22%20y%3D%22120%22%20width%3D%229%22%20height%3D%2234%22/%3E%3Crect%20x%3D%22497%22%20y%3D%22100%22%20width%3D%229%22%20height%3D%2254%22/%3E%3Crect%20x%3D%22514%22%20y%3D%22132%22%20width%3D%229%22%20height%3D%2222%22/%3E%3Crect%20x%3D%22531%22%20y%3D%2288%22%20width%3D%229%22%20height%3D%2266%22/%3E%3C/g%3E%3Cg%20stroke%3D%22rgba%28161%2C98%2C7%2C0.06%29%22%20stroke-width%3D%222%22%3E%3Cline%20x1%3D%22300%22%20y1%3D%22180%22%20x2%3D%22300%22%20y2%3D%22240%22/%3E%3Cline%20x1%3D%22330%22%20y1%3D%22200%22%20x2%3D%22330%22%20y2%3D%22256%22/%3E%3Cline%20x1%3D%22360%22%20y1%3D%22170%22%20x2%3D%22360%22%20y2%3D%22226%22/%3E%3C/g%3E%3Cg%20fill%3D%22rgba%28161%2C98%2C7%2C0.06%29%22%3E%3Crect%20x%3D%22294%22%20y%3D%22192%22%20width%3D%2212%22%20height%3D%2230%22/%3E%3Crect%20x%3D%22354%22%20y%3D%22182%22%20width%3D%2212%22%20height%3D%2226%22/%3E%3C/g%3E%3Cg%20fill%3D%22rgba%2830%2C58%2C138%2C0.06%29%22%3E%3Crect%20x%3D%22324%22%20y%3D%22212%22%20width%3D%2212%22%20height%3D%2226%22/%3E%3C/g%3E%3Cg%20font-family%3D%22Georgia%2Cserif%22%20font-size%3D%2230%22%20fill%3D%22rgba%2830%2C58%2C138%2C0.055%29%22%3E%3Ctext%20x%3D%22150%22%20y%3D%22230%22%3E%E2%82%BF%3C/text%3E%3Ctext%20x%3D%22560%22%20y%3D%2260%22%3E%CE%9E%3C/text%3E%3Ctext%20x%3D%2260%22%20y%3D%2260%22%3E%24%3C/text%3E%3Ctext%20x%3D%22620%22%20y%3D%22230%22%3E%E2%82%AC%3C/text%3E%3Ctext%20x%3D%22220%22%20y%3D%22400%22%3E%C2%A5%3C/text%3E%3Ctext%20x%3D%22420%22%20y%3D%2260%22%3E%E2%8C%82%3C/text%3E%3Ctext%20x%3D%22520%22%20y%3D%22300%22%3E%E2%96%B2%3C/text%3E%3Ctext%20x%3D%22120%22%20y%3D%22430%22%3E%C2%A3%3C/text%3E%3C/g%3E%3C/svg%3E") repeat;background-size:680px 460px;transition:background .3s ease} [data-theme="dark"] body::before{background-image: radial-gradient(900px 700px at 85% -8%, rgba(201,162,39,.16), transparent 60%), radial-gradient(800px 800px at -10% 22%, rgba(30,58,138,.34), transparent 60%), radial-gradient(700px 620px at 102% 75%, rgba(30,58,138,.24), transparent 60%), radial-gradient(640px 520px at 8% 100%, rgba(201,162,39,.12), transparent 60%), url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22680%22%20height%3D%22460%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22rgba%28201%2C162%2C39%2C0.05%29%22%20stroke-width%3D%221.5%22%3E%3Cpolyline%20points%3D%2220%2C120%2070%2C90%20120%2C105%20170%2C60%20220%2C75%20270%2C40%22/%3E%3Cpolyline%20points%3D%22380%2C420%20430%2C390%20480%2C400%20530%2C360%20580%2C375%20640%2C330%22/%3E%3C/g%3E%3C/svg%3E"); background-size:auto,auto,auto,auto,680px 460px; background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat} h1,h2,h3,.serif{font-family:'Fraunces',serif;font-weight:500;letter-spacing:.2px;color:var(--text)} img{max-width:100%;display:block} a{color:inherit;text-decoration:none} section{position:relative;padding:68px 6vw} .wrap{max-width:1180px;margin:0 auto} .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:16px} .eyebrow::before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--gold-bright),var(--gold))} .h2{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.18;margin-bottom:16px} .lead{color:var(--muted);max-width:640px;font-size:1.02rem} .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;border-radius:60px;font-weight:600;font-size:.95rem;transition:.35s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none} .btn-gold{background:linear-gradient(135deg,#c9a227,#a16207);color:#fff;box-shadow:0 10px 26px rgba(161,98,7,.32)} .btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(161,98,7,.42)} .btn-ghost{background:var(--card);color:var(--blue);border:1.5px solid var(--line-blue);box-shadow:var(--shadow-sm)} [data-theme="dark"] .btn-ghost{color:#9fb3f0} .btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-md)} a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px} /* ---------- NAV ---------- */ nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 6vw;display:flex;align-items:center;justify-content:space-between;transition:.4s} nav.scrolled{background:var(--nav-bg-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:12px 6vw;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--glass-border)} .theme-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--blue);transition:.3s;flex-shrink:0} .theme-btn:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)} .theme-btn svg{width:18px;height:18px;display:block} .theme-btn .ic-sun{display:none} [data-theme="dark"] .theme-btn .ic-moon{display:none} [data-theme="dark"] .theme-btn .ic-sun{display:block} /* ---------- WhatsApp floating button ---------- */ .wa-float{position:fixed;right:26px;bottom:26px;z-index:120;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#c9a227,#a16207);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(161,98,7,.4);transition:.3s;text-decoration:none} .wa-float:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 16px 34px rgba(161,98,7,.5)} .wa-float:hover .wa-tip{opacity:1;transform:translateX(0)} .wa-tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(8px,-50%);background:var(--navy);color:#fff;font-size:.8rem;font-weight:600;padding:8px 14px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow-sm)} .wa-tip::after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--navy)} @media(max-width:680px){ .wa-float{right:18px;bottom:18px;width:52px;height:52px} .wa-tip{display:none} } @media print{ .wa-float{display:none!important} } .logo{display:inline-flex;align-items:center} .logo-img{height:72.5px;width:auto;display:block} .logo-img.lg-dark{display:none} [data-theme="dark"] .logo-img.lg-light{display:none} [data-theme="dark"] .logo-img.lg-dark{display:block} .nav-links{display:flex;gap:34px;list-style:none;align-items:center} .nav-links a{font-size:.92rem;color:var(--body-c);font-weight:500;transition:.3s;position:relative;white-space:nowrap} .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--gold);transition:.3s} .nav-links a:hover{color:var(--blue)} .nav-links a:hover::after{width:100%} .nav-cta{padding:11px 26px;font-size:.88rem;color:#fff} .nav-cta::after{display:none} .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none} .burger span{width:26px;height:2px;background:var(--text);transition:.3s} /* ---------- BUTTONS ---------- */ .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;border-radius:60px;font-weight:600;font-size:.95rem;transition:.35s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none} .btn-gold{background:linear-gradient(135deg,#c9a227,#a16207);color:#fff;box-shadow:0 10px 26px rgba(161,98,7,.32)} .btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(161,98,7,.42)} .btn-ghost{background:var(--card);color:var(--blue);border:1.5px solid var(--line-blue);box-shadow:var(--shadow-sm)} [data-theme="dark"] .btn-ghost{color:#9fb3f0} /* ---------- FOOTER ---------- */ footer{padding:52px 6vw 30px;background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);color:var(--muted);transition:background .3s} .f-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px;margin-bottom:38px} .f-grid h4{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-family:'Inter',sans-serif;font-weight:600} .f-grid p,.f-grid li{color:var(--muted);font-size:.9rem} .f-grid ul{list-style:none} .f-grid li{margin-bottom:12px} .f-grid li a:hover{color:var(--gold)} .social{display:flex;gap:12px;margin-top:22px} .social a{width:40px;height:40px;border:1px solid var(--glass-border-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s;color:var(--text)} .social a:hover{border-color:var(--gold);background:rgba(212,175,90,.12)} .news-form{display:flex;margin-top:16px;border:1px solid var(--glass-border-soft);border-radius:50px;overflow:hidden} .news-form input{flex:1;background:transparent;border:none;padding:13px 20px;color:var(--text);font-family:'Inter',sans-serif;outline:none} .news-form button{background:linear-gradient(135deg,#c9a227,#a16207);border:none;color:#fff;font-weight:700;padding:0 24px;cursor:pointer} .f-bottom{max-width:1180px;margin:0 auto;padding-top:26px;border-top:1px solid var(--glass-border-soft);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.82rem} .disclaimer{max-width:1180px;margin:0 auto 30px;color:var(--muted);font-size:.75rem;line-height:1.6} /* ---------- SHARED RESPONSIVE (nav + footer) ---------- */ @media(max-width:680px){ .nav-links{position:fixed;inset:0;background:var(--bg);flex-direction:column;justify-content:center;gap:30px;transform:translateX(100%);transition:.4s} .nav-links.open{transform:none} .nav-links a{font-size:1.2rem} .burger{display:flex;z-index:110} .f-grid{grid-template-columns:1fr} }