/* ===== Central de Relatórios · Cloud · Assessoria em Growth — base ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Poppins:wght@500;600;700;800&family=Montserrat:wght@400;500;600;700&display=swap');

:root{
  --carvao:#2C2E30; --carvao-esc:#212325; --amarelo:#F2CD0F; --amarelo-punchy:#FFCB05;
  --azul:#57A3D9; --azul-vivo:#2470DB; --creme:#F1EAE1; --magenta:#EC49FB; --lima:#A3B434;
  --card:#26282A; --linha:#3a3d40;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  background:var(--carvao-esc); color:var(--creme);
  font-family:'Montserrat',sans-serif; min-height:100vh; position:relative; overflow-x:hidden;
  padding:44px 22px 60px;
}
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:radial-gradient(circle, rgba(242,205,15,.10) 1.1px, transparent 1.4px);
  background-size:17px 17px;
  -webkit-mask-image:radial-gradient(ellipse 80% 90% at 115% 0%, #000 0%, transparent 55%);
  mask-image:radial-gradient(ellipse 80% 90% at 115% 0%, #000 0%, transparent 55%);
}
.wrap{ max-width:1080px; margin:0 auto; position:relative; z-index:1; }

/* topo */
header.top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:40px; }
header.top img{ height:46px; width:auto; display:block; }
.selo{ font-family:'Poppins'; font-weight:600; font-size:11px; letter-spacing:2px; color:#8b8f93; text-transform:uppercase; }

/* breadcrumb */
.crumb{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-bottom:26px; font-family:'Poppins'; font-weight:500; font-size:12.5px; letter-spacing:.4px; }
.crumb a{ color:#9a9ea1; text-decoration:none; transition:.15s; }
.crumb a:hover{ color:var(--amarelo); }
.crumb .sep{ color:#5a5d60; }
.crumb .cur{ color:var(--creme); }

/* eyebrow */
.eyebrow{ display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.eyebrow .bolt{ width:16px; height:22px; flex:none; }
.eyebrow span{ font-family:'Poppins'; font-weight:700; font-size:13px; letter-spacing:3px; text-transform:uppercase; color:var(--creme); }
.eyebrow .rule{ height:2px; width:78px; background:var(--amarelo); border-radius:2px; }

/* manchete */
h1{ font-family:'Anton',sans-serif; font-weight:400; line-height:.92; letter-spacing:.5px;
    font-size:clamp(40px,7.5vw,86px); text-transform:uppercase; margin-bottom:20px; }
h1 .l1{ color:var(--amarelo); display:block; }
h1 .l2{ color:var(--azul); display:block; }
.lead{ font-size:16.5px; line-height:1.55; color:#c9c3ba; max-width:580px; }
.lead b{ color:var(--amarelo); font-weight:700; }

/* divisor de seção */
.sec{ display:flex; align-items:center; gap:14px; margin:46px 0 22px; }
.sec .ast{ width:22px; height:22px; flex:none; }
.sec h2{ font-family:'Poppins'; font-weight:700; font-size:14px; letter-spacing:2.5px; text-transform:uppercase; color:#a7abae; }
.sec .fill{ flex:1; height:1px; background:var(--linha); }

/* grid */
.grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(258px,1fr)); gap:18px; }
.card{ background:var(--card); border:1px solid var(--linha); border-radius:16px; padding:24px 22px 20px;
       text-decoration:none; color:var(--creme); transition:.16s ease; display:flex; flex-direction:column; gap:6px; position:relative; overflow:hidden; }
.card::after{ content:""; position:absolute; left:0; top:0; width:4px; height:100%; background:var(--amarelo); opacity:0; transition:.16s; }
.card:hover{ border-color:var(--amarelo); transform:translateY(-3px); }
.card:hover::after{ opacity:1; }
.card.soon{ opacity:.5; cursor:default; }
.card.soon:hover{ transform:none; border-color:var(--linha); }
.card.soon:hover::after{ opacity:0; }
.card .top-row{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.card .cli{ font-family:'Poppins'; font-weight:700; font-size:19px; letter-spacing:.2px; }
.card .lock{ width:16px; height:16px; opacity:.55; flex:none; }
.card .per{ color:#9a9ea1; font-size:13px; font-weight:500; }
.badge{ align-self:flex-start; margin-top:14px; font-family:'Poppins'; font-size:10.5px; font-weight:700; letter-spacing:1px;
        color:#171818; background:var(--amarelo); padding:4px 11px; border-radius:20px; text-transform:uppercase; }
.badge.blue{ background:var(--azul); color:#0f1b26; }
.badge.ghost{ background:transparent; color:#7f8386; border:1px solid #4a4d50; }

/* rodapé */
footer{ margin-top:56px; padding-top:22px; border-top:1px solid var(--linha); display:flex; align-items:center; gap:10px; flex-wrap:wrap;
        color:#7d8184; font-size:12px; font-family:'Poppins'; font-weight:500; letter-spacing:.4px; }
footer .ast{ width:15px; height:15px; }
footer .site{ color:var(--amarelo); margin-left:auto; }

@media(max-width:560px){
  body{ padding:28px 16px 40px; }
  header.top{ margin-bottom:30px; }
  header.top img{ height:38px; }
  .selo{ display:none; }
}