/* ==========================================================================
   AeroFluent AI — Consolidação da Inteligência Comercial e Monetização
   Extensão de css/board.css + css/study.css
   ========================================================================== */

/* ---------- Tiras de indicadores ----------------------------------------- */

.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 0}
.kpi.k3{grid-template-columns:repeat(3,1fr)}
.kpi.k5{grid-template-columns:repeat(5,1fr)}
.kpi .k{
  background:var(--navy-card);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 16px 20px;
}
.kpi .k b{
  display:block;font-family:var(--serif);font-size:30px;line-height:1.05;
  color:var(--gold-bright);font-weight:400;letter-spacing:-.01em;
}
.kpi .k span{
  display:block;margin-top:8px;font-size:12.5px;line-height:1.5;color:var(--text);
}
.kpi .k i{
  display:block;margin-top:8px;font-family:var(--mono);font-size:8.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-style:normal;
}

/* ---------- Memória de cálculo ------------------------------------------- */

.calc{
  background:var(--navy-3);border:1px solid var(--line);border-left:2px solid var(--gold-deep);
  border-radius:var(--radius);padding:20px 22px;margin:22px 0 0;
}
.calc h5{
  margin:0 0 14px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);font-weight:500;
}
.calc .row{
  display:grid;grid-template-columns:1fr auto;gap:18px;align-items:baseline;
  padding:7px 0;border-bottom:1px dashed rgba(27,49,71,.85);
}
.calc .row:last-of-type{border-bottom:0}
.calc .row span{font-size:13px;line-height:1.5;color:var(--sub)}
.calc .row b{font-family:var(--mono);font-size:13px;color:var(--white);font-weight:500;white-space:nowrap}
.calc .row.eq{border-bottom:0;border-top:1px solid var(--gold-deep);margin-top:8px;padding-top:12px}
.calc .row.eq span{color:var(--white);font-weight:500;font-size:13.5px}
.calc .row.eq b{color:var(--gold-pale);font-size:16px}
.calc p{margin:14px 0 0;font-size:12.5px;line-height:1.65;color:var(--mute)}
.calc .fx{
  font-family:var(--mono);font-size:12px;color:var(--gold-bright);
  background:rgba(197,160,89,.08);border:1px solid var(--line-soft);border-radius:6px;
  padding:9px 12px;margin:0 0 14px;display:block;overflow-x:auto;white-space:nowrap;
}

/* ---------- Premissas ----------------------------------------------------- */

.prem{list-style:none;margin:22px 0 0;padding:0}
.prem li{
  display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;
  padding:13px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.65;color:var(--sub);
}
.prem li:first-child{border-top:0}
.prem li .pc-n{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--gold-deep);padding-top:3px;
}
.prem li b{color:var(--white);font-weight:600}

/* ---------- Cartograma do Brasil ----------------------------------------- */

.cart{
  display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:26px 0 0;
  max-width:520px;
}
.cart .uf{
  grid-column:var(--c);grid-row:var(--r);
  aspect-ratio:1/1;border-radius:6px;border:1px solid var(--line);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--sub);
}
.cart .uf i{font-style:normal;font-size:9px;color:var(--mute)}
.cart .uf.t5{background:rgba(197,160,89,.62);border-color:var(--gold-bright);color:#0B1926}
.cart .uf.t5 i{color:#2A1F08}
.cart .uf.t4{background:rgba(197,160,89,.40);border-color:rgba(197,160,89,.7);color:#F3E3B0}
.cart .uf.t4 i{color:#E2C785}
.cart .uf.t3{background:rgba(197,160,89,.24);border-color:rgba(197,160,89,.5);color:#E2C785}
.cart .uf.t2{background:rgba(197,160,89,.13);border-color:rgba(197,160,89,.3);color:#C5A059}
.cart .uf.t1{background:rgba(197,160,89,.06);color:var(--sub)}
.cart .uf.t0{background:rgba(201,123,123,.14);border-color:rgba(201,123,123,.35);color:#E0A6A6}

.cartkey{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0 0}
.cartkey span{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);
}
.cartkey span::before{content:'';width:11px;height:11px;border-radius:3px;border:1px solid var(--line)}
.cartkey .l5::before{background:rgba(197,160,89,.62)}
.cartkey .l4::before{background:rgba(197,160,89,.40)}
.cartkey .l3::before{background:rgba(197,160,89,.24)}
.cartkey .l2::before{background:rgba(197,160,89,.13)}
.cartkey .l1::before{background:rgba(197,160,89,.06)}
.cartkey .l0::before{background:rgba(201,123,123,.14)}

/* ---------- Planos e preços ---------------------------------------------- */

.price{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 0}
.price.p3{grid-template-columns:repeat(3,1fr)}
.pc{
  background:var(--navy-card-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 18px 22px;display:flex;flex-direction:column;
}
.pc.rec{border-color:rgba(197,160,89,.55);background:rgba(197,160,89,.07)}
.pc .tag{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin:0 0 10px;
}
.pc h4{margin:0 0 12px;font-size:16px}
.pc .amt{
  font-family:var(--serif);font-size:32px;line-height:1;color:var(--white);font-weight:400;
}
.pc .amt small{font-family:var(--sans);font-size:12px;color:var(--mute);font-weight:400;margin-left:4px}
.pc.rec .amt{color:var(--gold-bright)}
.pc .yr{margin:8px 0 0;font-family:var(--mono);font-size:10px;color:var(--gold-deep);letter-spacing:.04em}
.pc ul{list-style:none;margin:16px 0 0;padding:0}
.pc ul li{
  position:relative;padding:0 0 0 15px;margin:0 0 7px;font-size:12.5px;line-height:1.55;color:var(--sub);
}
.pc ul li::before{content:'·';position:absolute;left:3px;top:-1px;color:var(--gold-deep);font-size:15px}
.pc .why{
  margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);
  font-size:12px;line-height:1.6;color:var(--text);
}
.pc .why b{color:var(--gold-bright);font-weight:600}

/* ---------- Células de intensidade em tabela ----------------------------- */

td.hm{font-family:var(--mono);font-size:12px;text-align:center;white-space:nowrap}
td.hm.h5{background:rgba(95,184,124,.22);color:#A9E2BC}
td.hm.h4{background:rgba(95,184,124,.12);color:#8FD6A6}
td.hm.h3{background:rgba(197,160,89,.14);color:var(--gold-bright)}
td.hm.h2{background:rgba(201,123,123,.12);color:#E0A6A6}
td.hm.h1{background:rgba(201,123,123,.22);color:#EDBDBD}
td.num,th.num{text-align:right;font-family:var(--mono);font-size:12.5px;white-space:nowrap}

/* ---------- Linha do tempo / ondas --------------------------------------- */

.tl{margin:26px 0 0;position:relative;padding-left:26px}
.tl::before{content:'';position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:var(--line)}
.tli{position:relative;padding:0 0 26px}
.tli:last-child{padding-bottom:0}
.tli::before{
  content:'';position:absolute;left:-24px;top:5px;width:9px;height:9px;border-radius:50%;
  background:var(--navy);border:1.5px solid var(--gold-deep);
}
.tli.on::before{background:var(--gold-bright);border-color:var(--gold-bright)}
.tli .w{
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin:0 0 5px;
}
.tli h4{margin:0 0 7px}
.tli p{margin:0 0 8px;font-size:13.5px;line-height:1.7}
.tli p:last-child{margin-bottom:0}

/* ---------- Perguntas e respostas executivas ----------------------------- */

.qa{margin:26px 0 0}
.qa .q{
  display:grid;grid-template-columns:minmax(180px,.9fr) 1.6fr;gap:20px;
  padding:16px 0;border-top:1px solid var(--line);
}
.qa .q:first-child{border-top:0}
.qa .q > b{
  font-family:var(--serif);font-size:19px;line-height:1.3;color:var(--white);font-weight:400;
}
.qa .q > div{font-size:13.5px;line-height:1.72;color:var(--text)}
.qa .q > div strong{color:var(--gold-bright);font-weight:600}
.qa .q > div span{
  display:block;margin-top:7px;font-family:var(--mono);font-size:9px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--mute);
}

/* ---------- Nota de reprodutibilidade ------------------------------------ */

.repro{
  background:var(--navy-3);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;margin:26px 0 0;
}
.repro h5{
  margin:0 0 10px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);font-weight:500;
}
.repro p{margin:0 0 10px;font-size:12.5px;line-height:1.7;color:var(--sub)}
.repro p:last-child{margin-bottom:0}

/* ---------- Responsivo ---------------------------------------------------- */

@media (max-width:900px){
  .kpi,.kpi.k5{grid-template-columns:1fr 1fr}
  .price{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .kpi,.kpi.k3,.kpi.k5{grid-template-columns:1fr}
  .price,.price.p3{grid-template-columns:1fr}
  .qa .q{grid-template-columns:1fr;gap:8px}
  .calc .row{grid-template-columns:1fr;gap:2px}
  .cart{max-width:100%}
  .prem li{grid-template-columns:1fr;gap:4px}
}