:root{
  --red:#C8102E; --dark:#1f2328; --text:#33363a; --muted:#6b6f76; --bg:#fafafb;
  --border:#e6e8ec; --radius:14px; --shadow:0 16px 40px rgba(0,0,0,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:Inter, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text); background:#fff; line-height:1.45;
}
.container{max-width:1160px;margin:0 auto;padding:0 20px}
.topbar{background:#000;color:#fff;display:flex;justify-content:center;align-items:center;padding:8px 12px;font-weight:700;gap:10px}
.topbar .pill{background:#111827;border:1px solid #2b2f36;border-radius:999px;padding:6px 10px}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px}
.nav ul{display:flex;gap:20px; list-style:none;padding:0;margin:0;}
.nav ul li a{font-size: 21px;text-align:center; padding:10px 15px; display:block;}
.brand img{height:40px;display:block}
.menu{display:flex;gap:18px;align-items:center}
.menu a{text-decoration:none;color:var(--dark);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 20px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;text-decoration:none}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 6px 16px rgba(200,16,46,.35)}
.btn-primary:hover{filter:brightness(.96)}
#btnNav{color: #fffefe;}
.btn-ghost{border:2px solid var(--red);color:var(--red);background:#fff}
.hero{padding:56px 0 26px;background:linear-gradient(180deg, rgba(200,16,46,.08), transparent)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}
.eyebrow{color:var(--red);font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}
h1{font-size:clamp(28px,5.4vw,28px);margin:0 0 10px;line-height:1.06}
.lead{font-size:clamp(16px,2.2vw,20px);color:var(--muted);margin:0 0 16px}
.trust{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}
.trust .tag{background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-weight:800}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-card{padding:18px}
.official{display:inline-block;border:2px solid var(--red);color:var(--red);border-radius:10px;padding:6px 10px;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.validity{display:flex;align-items:center;gap:10px;font-weight:800;color:#111}
.validity .cal{font-size:22px}
section{padding:34px 0}
.section-title{font-size:26px;margin:0 0 10px}
.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.benefit{padding:16px}
.benefit .icon{font-size:22px}
.benefit h4{margin:8px 0 6px}
.proof{background:var(--bg)}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.proof .item{padding:16px}
.faq details{border:1px solid var(--border);border-radius:12px;padding:12px 16px;background:#fff}
.faq summary{cursor:pointer;font-weight:900}
.faq details[open] summary{color:var(--red)}
.card-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px; /* Espaçamento entre os cards */
  margin-top: 10px;
}

.card-list .link-card {
  border: 1px solid #ddd; /* Borda fina */
  border-radius: 8px; /* Cantos arredondados */
  padding: 12px 16px;
  background: #fff;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.card-list .link-card:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px); /* Dá aquele efeito de hover elegante */
}

.card-list .link-card h4 {
  font-weight: 700; /* Negrito */
  font-size: 1rem;
  margin: 0 0 6px;
  color: #222;
}

.card-list .link-card a {
  color: #e63946; /* Vermelho para o link */
  text-decoration: none;
  font-weight: 600;
}

.card-list .link-card a:hover {
  text-decoration: underline;
}

.cta-band{background:var(--red);color:#fff;border-radius:16px;padding:22px;display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center}
.cta-band .btn-primary{background:#fff;color:var(--red)}
.form-card{padding:18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{font-weight:800;font-size:14px;display:block;margin:0 0 6px}
input, textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;font:inherit}
.lgpd-box{display:inline;align-items:left;gap:8px;margin-top:1px}
.lgpd-box input{width:auto;margin:0}
.lgpd-box label{font-weight:400;color:var(--muted);font-size:13px} 
.footer{background:#0f1115;color:#c9cbd1;padding:34px 0 18px;margin-top:24px;}
.footer a{color:#ffffff;text-decoration:none}
.foot-cols{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px}
.foot-logos{display:flex;gap:18px;align-items:center;margin-bottom:12px}
.foot-logos img{max-height:100px;background:#fff;padding:4px;border-radius:7px}
.sticky-cta{position:sticky;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--border);display:none}
.sticky-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px}
@media (max-width: 1000px){
  .hero-grid, .proof-grid, .cta-band{grid-template-columns:1fr}
  .benefits{grid-template-columns:1fr 1fr 1fr}
  .menu{display: block;}
  .menu-toggle{display:none}
}
@media (max-width: 620px){
  .benefits{grid-template-columns:1fr 1fr}
  .sticky-cta{display:block}
  .menu .hide-sm{display:none}
}