/*
Arquivo: site.css
Finalidade: identidade visual responsiva do site institucional Compra Garantida.
Versao: 1.0.0
Data: 30/08/2026
Pasta: /wwwroot/cg/assets/css/
*/
:root{--navy:#0b3d67;--navy-dark:#062b49;--green:#48aa45;--green-light:#72c95d;--ink:#16334a;--muted:#617383;--soft:#f4f8fa;--line:#dce6eb;--white:#fff;--shadow:0 18px 48px rgba(7,38,64,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Verdana,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.55}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(11,61,103,.08);backdrop-filter:blur(12px)}.header-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:235px;height:66px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:22px}.main-nav a{font-size:12px;font-weight:800;color:var(--ink);text-decoration:none}.main-nav a:hover{color:var(--green)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:10px 14px;color:var(--navy);font-weight:800}.hero{overflow:hidden;background:linear-gradient(135deg,var(--navy-dark),var(--navy));color:white;padding:92px 0 78px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.eyebrow{display:inline-block;margin-bottom:13px;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:900;color:#9ddd83}.eyebrow.green{color:var(--green)}.hero h1{font-size:55px;line-height:1.06;letter-spacing:-2px;margin:0 0 24px}.hero h1 strong{color:#a1e78a}.hero-copy>p{font-size:19px;color:#d6e5ef;max-width:720px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:31px 0}.btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;border-radius:12px;padding:0 23px;font-size:13px;font-weight:900;text-decoration:none}.primary{background:linear-gradient(135deg,var(--green),var(--green-light));color:white;box-shadow:0 10px 26px rgba(72,170,69,.28)}.ghost{color:white;border:1px solid rgba(255,255,255,.35)}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:35px}.hero-proof div{padding:15px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);border-radius:14px}.hero-proof b,.hero-proof span{display:block}.hero-proof b{font-size:18px}.hero-proof span{font-size:10px;color:#c8d9e5}.hero-visual{position:relative;min-height:500px}.offer-demo{position:absolute;right:55px;top:15px;width:330px;background:white;color:var(--ink);padding:28px;border-radius:30px;box-shadow:0 30px 70px rgba(0,0,0,.26);transform:rotate(2deg)}.pill{display:inline-block;background:#ecf7e9;color:#337c35;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900}.demo-icon{width:150px;height:150px;border-radius:24px;margin:25px auto;background:linear-gradient(135deg,#e4f4df,#dceaf4);display:flex;align-items:center;justify-content:center;font-size:62px;color:var(--green);font-weight:900}.offer-demo h3{font-size:20px}.demo-price{display:flex;justify-content:space-between;align-items:end}.demo-price del{color:#8b99a3}.demo-price strong{font-size:29px;color:var(--green)}.demo-button{margin-top:20px;background:var(--navy);color:white;padding:13px;text-align:center;border-radius:11px;font-weight:900}.float-card{position:absolute;background:white;color:var(--ink);box-shadow:var(--shadow);border-radius:14px;padding:15px 18px}.float-card b,.float-card span{display:block}.float-card span{font-size:10px;color:var(--muted)}.float-card.one{left:0;top:155px}.float-card.two{right:0;bottom:55px}.trust{border-bottom:1px solid var(--line)}.trust-grid{min-height:67px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;text-align:center;color:var(--navy);font-size:11px;font-weight:900}.section{padding:90px 0}.soft{background:var(--soft)}.dark{background:linear-gradient(135deg,var(--navy-dark),var(--navy));color:white}.heading{max-width:860px;margin-bottom:43px}.heading.center{text-align:center;margin-left:auto;margin-right:auto}.heading h2{font-size:40px;line-height:1.15;letter-spacing:-1px;margin:4px 0 13px}.heading p{font-size:16px;color:var(--muted)}.heading.light p{color:#cedee9}.heading.split{max-width:none;display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:white;border:1px solid var(--line);border-radius:22px;padding:35px;box-shadow:0 12px 34px rgba(7,38,64,.06)}.card .num{display:flex;width:50px;height:50px;border-radius:14px;align-items:center;justify-content:center;background:var(--navy);color:white;font-weight:900}.card.accent .num{background:var(--green)}.card h3{font-size:24px}.card p,.card li{color:var(--muted)}.card li{margin:9px 0}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.offer-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 32px rgba(7,38,64,.07)}.offer-art{height:190px;display:flex;align-items:center;justify-content:center;color:white;font-size:21px;font-weight:900}.green-art{background:linear-gradient(135deg,var(--green),#78cb63)}.blue-art{background:linear-gradient(135deg,var(--navy),#3279a8)}.mix-art{background:linear-gradient(135deg,#356587,var(--green))}.offer-body{padding:22px}.offer-body small{color:var(--green);font-weight:900;text-transform:uppercase}.offer-body h3{font-size:20px}.offer-body p{color:var(--muted)}.offer-body b{color:var(--navy);font-size:12px}.status{text-align:center;margin:28px auto 0;background:#e9f5e7;color:#2d7631;border-radius:999px;width:max-content;max-width:100%;padding:11px 17px;font-size:11px;font-weight:900}.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare article{padding:31px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:20px}.compare article.white{background:white;color:var(--ink)}.compare span{color:#9ddd83;text-transform:uppercase;font-size:10px;font-weight:900}.compare .white span{color:var(--green)}.compare h3{font-size:24px}.compare p{opacity:.82}.example{margin-top:28px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.5fr;gap:12px;align-items:center;padding:20px;background:rgba(255,255,255,.07);border-radius:18px}.example div{display:flex;flex-direction:column}.example small{color:#bdd0dd}.example b{font-size:18px}.example .highlight{background:var(--green);padding:13px;border-radius:11px}.cashback-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:start}.cashback-grid h2{font-size:40px;line-height:1.16}.cashback-grid p{color:var(--muted)}.cash-example{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.cash-example div{padding:16px;border:1px solid var(--line);border-radius:13px}.cash-example small,.cash-example b{display:block}.cash-example small{color:var(--muted)}.cash-example b{margin-top:6px;color:var(--navy)}.cost-card{background:var(--navy);color:white;padding:32px;border-radius:22px;box-shadow:var(--shadow)}.cost-card>span{color:#9ddd83;font-size:10px;font-weight:900;text-transform:uppercase}.cost-card h3{font-size:24px}.cost-card p{color:#d4e2eb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.steps>div{padding:25px;background:white;border:1px solid var(--line);border-radius:17px}.steps>div>b{display:flex;width:37px;height:37px;border-radius:50%;align-items:center;justify-content:center;background:var(--green);color:white}.steps h3{margin-bottom:5px}.steps p{color:var(--muted);font-size:12px}.tablet{margin-top:22px;padding:23px 27px;background:var(--navy);color:white;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:30px}.tablet p{margin:4px 0;color:#c8d9e5}.tablet>span{background:rgba(255,255,255,.1);border-radius:999px;padding:10px 12px;font-size:10px}.entity-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.entity-grid h2{font-size:40px}.network-visual{height:420px;position:relative;border-radius:28px;background:linear-gradient(145deg,#edf6e9,#edf3f8)}.node{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:white;color:var(--navy);font-size:11px;font-weight:900;box-shadow:var(--shadow)}.center-node{width:145px;height:145px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--navy);color:white}.n1{width:98px;height:98px;top:30px;left:45px}.n2{width:105px;height:105px;top:42px;right:38px}.n3{width:92px;height:92px;bottom:38px;left:46px}.n4{width:102px;height:102px;right:45px;bottom:30px;background:var(--green);color:white}.checks{list-style:none;padding:0}.checks li{position:relative;padding-left:27px;margin:13px 0}.checks li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.metric{margin-top:23px;padding:20px;border-left:5px solid var(--green);background:var(--soft);border-radius:9px}.metric small,.metric b,.metric span{display:block}.metric b{font-size:19px;margin:5px 0}.metric span{color:var(--muted);font-size:11px}.network-section{background:linear-gradient(135deg,var(--navy-dark),var(--navy));color:white}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center}.flow div{padding:17px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:11px;text-align:center;font-size:11px;font-weight:900}.flow>span{color:#9ddd83}.flow-note{text-align:center;color:#c8d9e5;font-size:11px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.plans article{position:relative;border:1px solid var(--line);border-radius:21px;padding:29px;background:white}.plans article.featured{border:2px solid var(--green);box-shadow:var(--shadow);transform:translateY(-7px)}.plans article>span{color:var(--navy);font-weight:900}.plans article h3{font-size:25px}.plans article p,.plans article li{color:var(--muted)}.plans article li{margin:8px 0}.plans em{position:absolute;right:17px;top:17px;background:#eaf7e7;color:#2e7832;padding:7px 9px;border-radius:999px;font-size:9px;font-style:normal;font-weight:900}.plan-note{text-align:center;color:var(--muted);font-size:11px;margin-top:24px}.future{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.future span{padding:17px;background:white;border:1px solid var(--line);border-radius:13px;text-align:center;font-size:11px;font-weight:900}.final{padding:82px 0;background:var(--navy);color:white}.final-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.final h2{font-size:41px}.final p{color:#cadbe7}.final-card{background:white;color:var(--ink);padding:29px;border-radius:19px}.final-card p{color:var(--muted)}.disabled{opacity:.72;cursor:default}.final-card small{display:block;color:var(--muted);margin-top:10px}footer{background:#071f34;color:#d4e1ea;padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:38px}.footer-grid img{width:220px;background:white;border-radius:10px}.footer-grid b{display:block;color:white;margin-bottom:10px}.footer-grid a,.footer-grid span{display:block;color:#b9cddd;text-decoration:none;font-size:11px;margin:7px 0}.footer-bottom{margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:10px}@media(max-width:900px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:78px;left:20px;right:20px;background:white;padding:18px;border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.menu-open .main-nav{display:flex}.hero-grid,.heading.split,.cashback-grid,.entity-grid,.final-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-visual{min-height:450px}.trust-grid{grid-template-columns:1fr 1fr;gap:14px;padding:14px 0}.two-cards,.offer-grid,.compare,.plans{grid-template-columns:1fr}.steps,.future{grid-template-columns:1fr 1fr}.example{grid-template-columns:1fr}.example>span{display:none}.flow{grid-template-columns:1fr}.flow>span{transform:rotate(90deg);text-align:center}.plans article.featured{transform:none}.tablet{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.container{width:min(100% - 26px,1180px)}.section{padding:65px 0}.header-wrap{min-height:76px}.brand img{width:185px;height:56px}.hero{padding:58px 0}.hero h1{font-size:35px}.hero-copy>p{font-size:16px}.hero-proof{grid-template-columns:1fr}.hero-actions .btn{width:100%}.offer-demo{right:13px;width:282px}.float-card.one{left:0}.float-card.two{right:0}.heading h2,.cashback-grid h2,.entity-grid h2,.final h2{font-size:30px}.cash-example,.steps,.future{grid-template-columns:1fr}.network-visual{height:355px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}
/* Arquivo: site.css | Pasta: /wwwroot/cg/assets/css/ | Versao: 1.0.0 | Data: 30/08/2026 */