/* ================================================================
   ASTON ENERGIA · FLYER DESIGN SYSTEM (A4 frente e verso)
   Espelha o site oficial — paleta amber, gradient sunset,
   tipografia Space Grotesk + Inter, eyebrow padronizado.

   Layout determinístico em CSS Grid → garante A4 perfeito,
   sem margens brigando.

   Use este arquivo como única fonte da verdade visual nos flyers.
   Cada vertical (varejo, hotelaria, indústria, saúde, governo, ...)
   reaproveita os mesmos componentes — só troca foto, headline e KPIs.
   ================================================================ */

/* ---------- TOKENS · 1:1 com css/style.css do site ---------- */
:root{
  --aston-yellow:#F59E0B;
  --aston-yellow-dark:#D97706;
  --aston-yellow-glow:#FBBF24;
  --aston-orange:#F26430;
  --aston-pink:#E91E63;
  --aston-purple:#8E24AA;
  --aston-teal:#0EA5E9;
  --aston-lime:#C8DB2E;
  --aston-green:#10B981;

  --black:#0A0A0A;
  --ink:#0F1115;
  --white:#FFFFFF;

  --gray-50:#FAFAFA;  --gray-100:#F5F5F5; --gray-200:#EEEEEE; --gray-300:#E0E0E0;
  --gray-400:#BDBDBD; --gray-500:#9E9E9E; --gray-600:#757575; --gray-700:#616161;
  --gray-800:#424242; --gray-900:#212121;

  --grad-sunset:linear-gradient(135deg,#F5C842 0%,#F26430 55%,#E91E63 100%);
  --grad-yellow:linear-gradient(135deg,#FFE37A 0%,#F5C842 45%,#E0B128 100%);
  --grad-dark:linear-gradient(180deg,#050505 0%,#0F1115 60%,#0A0A0A 100%);
}

/* ---------- RESET ---------- */
*{box-sizing:border-box;margin:0;padding:0}
*{hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;word-break:keep-all}

html,body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,sans-serif;
  color:var(--ink);
  background:#525659;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
ul{list-style:none}
a{color:inherit;text-decoration:none}

/* ---------- A4 ---------- */
@page{ size:A4; margin:0 }

.page{
  width:210mm;
  height:297mm;
  background:#fff;
  margin:14mm auto;
  overflow:hidden;
  position:relative;
  page-break-after:always;
  box-shadow:0 6px 32px rgba(0,0,0,.5);
}
.page:last-child{page-break-after:auto}

@media print{
  body{background:#fff !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .page{margin:0;box-shadow:none}
  .no-print{display:none !important}
}

/* ---------- TIPOGRAFIA ---------- */
.flyer h1,.flyer h2,.flyer h3,.flyer h4{
  font-family:'Space Grotesk','Inter',sans-serif;
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.02em;
}

/* ---------- EYEBROW ---------- */
.flyer-eyebrow{
  font-family:'Space Grotesk',sans-serif;
  font-size:8.5pt;
  letter-spacing:2.6px;
  text-transform:uppercase;
  color:var(--gray-600);
  font-weight:700;
}
.flyer-eyebrow.on-dark{color:rgba(255,255,255,.65)}
.flyer-eyebrow.amber{color:var(--aston-yellow-dark)}
.flyer-eyebrow.amber.on-dark{color:var(--aston-yellow)}

/* ---------- HIGHLIGHTS ---------- */
/* Destaque sem fundo — só ênfase tipográfica (peso 700 + cor amber) */
.hl{
  font-weight:700;
  color:inherit;
}

/* Texto inteiro em gradient sunset (mantido para números do case/stats) */
.hl-grad{
  background:var(--grad-sunset);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ============================================================
   PÁGINA HERO (FRENTE) — espelha o .cinema-hero do site
   Layout em grid determinístico:
   topbar (auto) | área-livre (1fr) | stats (auto)
   ============================================================ */
.flyer-hero{
  background:#000 center/cover no-repeat;
  color:#fff;
  display:grid;
  grid-template-rows: auto 1fr auto;
  grid-template-areas:
    "topbar"
    "headline"
    "stats";
}

/* Overlay sutil — só vinheta para topbar (logo) e base (card stats).
   Área central da headline fica LIMPA, sem marcação transparente sobre o título. */
.flyer-hero::before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.45) 0%,
      rgba(0,0,0,0)   14%,
      rgba(0,0,0,0)   72%,
      rgba(0,0,0,.55) 86%,
      rgba(0,0,0,.92) 100%
    );
  z-index:0;
  pointer-events:none;
}
/* Glow amber sutil no canto superior direito (igual cinema-hero do site) */
.flyer-hero::after{
  content:"";
  position:absolute;
  top:-40mm;right:-40mm;
  width:120mm;height:120mm;
  background:radial-gradient(circle,rgba(245,158,11,.28) 0%,transparent 65%);
  z-index:0;
  pointer-events:none;
}
.flyer-hero > *{position:relative;z-index:1}

/* Topbar do hero */
.flyer-hero .flyer-topbar{
  grid-area:topbar;
  padding:12mm 14mm 0;
}

/* Área da headline — alinhada à esquerda, centralizada verticalmente */
.flyer-hero .h-headline{
  grid-area:headline;
  padding:0 14mm;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:left;
}
.flyer-hero .h-headline h1{
  font-size:48pt;
  line-height:.98;
  letter-spacing:-.038em;
  color:#fff;
  text-shadow:
    0 2px 10px rgba(0,0,0,.85),
    0 6px 28px rgba(0,0,0,.65);
  max-width:185mm;
}
.flyer-hero .h-headline .lead{
  margin-top:14mm;
  font-family:'Space Grotesk',sans-serif;
  font-size:12.5pt;
  font-weight:500;
  line-height:1.45;
  color:rgba(255,255,255,.95);
  text-shadow:
    0 2px 8px rgba(0,0,0,.85),
    0 4px 18px rgba(0,0,0,.6);
  max-width:165mm;
}
/* Pills flutuantes acima da headline (chip glassmorphism, estilo cinema-hero) */
.flyer-hero .h-pills{
  display:flex;flex-wrap:wrap;gap:3mm;
  margin-bottom:6mm;
}
.flyer-hero .h-pills .pill{
  display:inline-flex;align-items:center;gap:2mm;
  padding:1.8mm 4mm;
  border-radius:999px;
  background:rgba(16,185,129,.18);
  border:.5px solid rgba(16,185,129,.55);
  font-family:'Space Grotesk',sans-serif;
  font-size:8.5pt;font-weight:600;
  color:#fff;
  letter-spacing:.3px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.flyer-hero .h-pills .pill.amber{
  background:rgba(245,158,11,.18);
  border-color:rgba(245,158,11,.6);
}
.flyer-hero .h-pills .pill .d{
  width:2mm;height:2mm;border-radius:50%;
  background:#10B981;
  box-shadow:0 0 6px rgba(16,185,129,.85);
}
.flyer-hero .h-pills .pill.amber .d{
  background:var(--aston-yellow);
  box-shadow:0 0 6px var(--aston-yellow);
}

/* Stats card branco sobreposto na base do hero */
.flyer-hero .stats-wrap{
  grid-area:stats;
  padding:0 14mm 14mm;
}

/* ---------- TOPBAR (logo + eyebrow contextual) ---------- */
.flyer-topbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8mm;
}
.flyer-topbar .brand img{
  height:11mm;
  width:auto;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.55));
}
.flyer-topbar .ctx{
  text-align:right;
  line-height:1.4;
}
.flyer-topbar .ctx b{
  display:block;
  margin-bottom:.8mm;
  color:var(--aston-yellow);
  font-weight:700;
}

/* ---------- STATS CARD (4 KPIs em gradient sunset, centralizados) ---------- */
.flyer-stats{
  background:#fff;
  border-radius:6mm;
  box-shadow:
    0 12px 36px rgba(0,0,0,.55),
    0 2px 8px rgba(245,158,11,.12);
  padding:9mm 9mm 8mm;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6mm;
  position:relative;
}
.flyer-stats::before{
  /* Linha amber sutil no topo (acento de marca) */
  content:"";
  position:absolute;
  top:0;left:8mm;right:8mm;height:.6mm;
  background:var(--grad-sunset);
  border-radius:0 0 2mm 2mm;
}
.flyer-stats .st{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.flyer-stats .st + .st{
  border-left:1px solid var(--gray-200);
  padding-left:6mm;
}
.flyer-stats .st .big{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:26pt;
  letter-spacing:-.045em;
  line-height:1;
  background:var(--grad-sunset);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  white-space:nowrap;
}
.flyer-stats .st .big .u{
  font-size:12pt;
  vertical-align:top;
  margin-left:1mm;
  -webkit-text-fill-color:initial;
  background:none;
  color:var(--gray-500);
  font-weight:600;
}
.flyer-stats .st .lbl{
  margin-top:3.5mm;
  font-family:'Inter',sans-serif;
  font-size:7pt;
  text-transform:uppercase;
  letter-spacing:1.4px;
  color:var(--gray-700);
  font-weight:600;
  line-height:1.45;
  max-width:42mm;
}

/* ---------- FAIXA DE CREDENCIAIS (fundo branco, autoridade) ---------- */
.flyer-credentials{
  background:#fff;
  color:var(--ink);
  padding:5mm 14mm;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6mm;
  border-top:.5mm solid var(--aston-yellow);
  border-bottom:1px solid var(--gray-200);
}
.flyer-credentials .num{
  display:flex;align-items:center;gap:4mm;
  font-family:'Space Grotesk',sans-serif;
}
.flyer-credentials .num .n{
  font-size:26pt;font-weight:700;
  letter-spacing:-.03em;line-height:1;
  background:var(--grad-sunset);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  white-space:nowrap;
  text-align:center;
}
.flyer-credentials .num .l{
  font-size:9pt;font-weight:700;
  letter-spacing:1.6px;text-transform:uppercase;
  color:var(--gray-700);
  line-height:1.45;
}
.flyer-credentials .seals{
  display:flex;align-items:center;gap:6mm;
  font-family:'Space Grotesk',sans-serif;
  font-size:10pt;font-weight:700;
  letter-spacing:2.2px;text-transform:uppercase;
  color:var(--ink);
}
.flyer-credentials .seals .sep{
  width:1px;height:6mm;
  background:var(--gray-300);
}

/* ============================================================
   VERSO — blocos modulares
   ============================================================ */

/* Manifesto */
.flyer-manifesto{
  padding:14mm 14mm 8mm;
  background:#fff;
  color:var(--ink);
}
.flyer-manifesto .flyer-eyebrow{margin-bottom:5mm}
.flyer-manifesto h2{
  font-size:24pt;
  line-height:1.08;
  letter-spacing:-.025em;
  margin-bottom:5mm;
  color:var(--ink);
}
.flyer-manifesto p{
  font-size:10.5pt;
  line-height:1.55;
  color:var(--gray-800);
  max-width:170mm;
  text-align:justify;
}
.flyer-manifesto p + p{margin-top:3mm}
.flyer-manifesto p strong{color:var(--ink);font-weight:700}

/* Faixa-foto (no verso, ½ página com foto) */
.flyer-photoband{
  position:relative;
  background:#000 center/cover no-repeat;
  color:#fff;
  overflow:hidden;
}
/* Vinheta apenas no topo (logo) e base (transição p/ próximo bloco).
   Área do título da página 2 fica LIMPA — sem marcação transparente. */
.flyer-photoband::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,
    rgba(0,0,0,.45) 0%,
    rgba(0,0,0,0)   16%,
    rgba(0,0,0,0)   78%,
    rgba(0,0,0,.55) 92%,
    rgba(0,0,0,.85) 100%);
}
.flyer-photoband > *{position:relative;z-index:1}
.flyer-photoband .layer{
  height:100%;
  padding:12mm 14mm;
  display:flex;flex-direction:column;justify-content:space-between;
}
.flyer-photoband h2{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:32pt;
  line-height:1.04;
  letter-spacing:-.032em;
  color:#fff;
  text-shadow:
    0 2px 10px rgba(0,0,0,.9),
    0 6px 26px rgba(0,0,0,.7);
  max-width:175mm;
}
.flyer-photoband h2 .hl-grad{
  background:var(--grad-sunset);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  /* Sem text-shadow pra não vazar nas bordas do gradient */
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.55));
}
.flyer-photoband .sub{
  margin-top:4mm;
  font-family:'Space Grotesk',sans-serif;
  font-size:10.5pt;font-weight:500;
  line-height:1.45;
  color:rgba(255,255,255,.95);
  text-shadow:
    0 2px 8px rgba(0,0,0,.85),
    0 4px 16px rgba(0,0,0,.6);
  max-width:170mm;
}
.flyer-photoband .sub b{color:var(--aston-yellow);font-weight:700}

/* ---------- CASE + DEPOIMENTO (ink sóbrio com acento amber) ---------- */
.flyer-case-quote{
  background:
    radial-gradient(140mm 70mm at 0% 0%,rgba(245,158,11,.12) 0%,transparent 60%),
    linear-gradient(180deg,#0F1115 0%,#0A0A0A 100%);
  color:#fff;
  padding:9mm 14mm 9mm;
  position:relative;overflow:hidden;
}
.flyer-case-quote::before{
  /* fina linha amber no topo do bloco · acento único */
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:.5mm;
  background:var(--aston-yellow);
}

/* Variante · case sem depoimento (apenas a faixa de números) */
.flyer-case-quote.case-only-numbers{
  padding:7mm 14mm 7mm;
}
.flyer-case-quote.case-only-numbers .top{
  border-bottom:none;
  padding-bottom:0;
}

/* Linha de cima: case (números) */
.flyer-case-quote .top{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:7mm;
  align-items:center;
  padding-bottom:7mm;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.flyer-case-quote .top .lab{
  font-family:'Space Grotesk',sans-serif;
  font-size:7.5pt;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,.55);
  margin-bottom:2mm;
}
.flyer-case-quote .top .titulo{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:13pt;
  line-height:1.15;letter-spacing:-.012em;
  color:#fff;
}
.flyer-case-quote .top .n{
  border-left:2px solid rgba(255,255,255,.18);
  padding-left:4mm;
}
.flyer-case-quote .top .n .v{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:22pt;
  line-height:.95;letter-spacing:-.025em;
  color:#fff;
  white-space:nowrap;
}
.flyer-case-quote .top .n .v.grad{
  color:var(--aston-yellow);
}
.flyer-case-quote .top .n .v small{
  font-size:11pt;color:rgba(255,255,255,.6);
  font-weight:600;margin-left:1mm;
  -webkit-text-fill-color:initial;background:none;
}
.flyer-case-quote .top .n .l{
  font-size:7pt;color:rgba(255,255,255,.65);
  margin-top:1.5mm;line-height:1.3;
  text-transform:uppercase;letter-spacing:1px;
}

/* Linha de baixo: depoimento */
.flyer-case-quote .bottom{
  padding-top:7mm;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:6mm;
  align-items:center;
}
.flyer-case-quote .bottom .mark{
  font-family:'Space Grotesk',sans-serif;
  font-size:46pt;
  line-height:.7;
  font-weight:700;
  color:var(--aston-yellow);
  align-self:flex-start;
  margin-top:1mm;
}
.flyer-case-quote .bottom .body{
  font-family:'Space Grotesk',sans-serif;
  font-size:12.5pt;line-height:1.4;font-weight:500;
  letter-spacing:-.01em;
  color:#fff;
}
.flyer-case-quote .bottom .body .who{
  display:block;
  margin-top:3mm;
  font-family:'Inter',sans-serif;
  font-size:8.5pt;font-weight:600;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
}

/* ============================================================
   PALETA EXECUTIVA · varejo
   Apenas: papel claro · ink · grays · amber como único acento
   ============================================================ */

/* ---------- ONDE ESTÁ O GASTO · diagrama editorial sóbrio ---------- */
.flyer-loads{
  background:#FAFAFA;
  color:var(--ink);
  padding:7mm 14mm 7mm;
  border-bottom:1px solid var(--gray-200);
  position:relative;
}
.flyer-loads::before{
  /* fina linha amber no topo · acento de marca */
  content:"";
  position:absolute;
  top:0;left:14mm;right:14mm;height:.4mm;
  background:var(--aston-yellow);
}
.flyer-loads .hd{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:8mm;margin-bottom:5mm;
}
.flyer-loads .hd .eyb{
  font-family:'Space Grotesk',sans-serif;
  font-size:7pt;font-weight:700;
  letter-spacing:2.4px;text-transform:uppercase;
  color:var(--aston-yellow-dark);
  white-space:nowrap;
}
.flyer-loads .hd h3{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:14pt;
  line-height:1.15;letter-spacing:-.018em;
  color:var(--ink);
  text-align:right;
}
.flyer-loads .hd h3 b{
  color:var(--aston-yellow-dark);
  font-weight:800;
}

.flyer-loads .bars{
  display:flex;flex-direction:column;
  gap:1.6mm;
}
.flyer-loads .bar{
  display:grid;
  grid-template-columns:8mm 38mm 1fr 22mm;
  align-items:center;
  gap:4mm;
  padding:2mm 0;
  border-top:1px solid var(--gray-200);
}
.flyer-loads .bar:first-child{border-top:none}
.flyer-loads .bar .rk{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:7.5pt;
  letter-spacing:1.4px;
  color:var(--gray-500);
  text-align:left;
}
.flyer-loads .bar .nm{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:10pt;
  letter-spacing:-.012em;
  color:var(--ink);
}
.flyer-loads .bar .track{
  position:relative;
  height:3.2mm;
  border-radius:1.6mm;
  background:rgba(15,17,21,.06);
  overflow:hidden;
}
.flyer-loads .bar .track .fill{
  display:block;
  height:100%;
  width:calc(var(--pct,0) * 1%);
  background:linear-gradient(90deg,#D97706 0%,#F59E0B 100%);
  border-radius:1.6mm;
}
.flyer-loads .bar .track .fill-mute{
  display:block;
  height:100%;width:100%;
  border-radius:1.6mm;
  background-image:repeating-linear-gradient(
    -45deg,
    rgba(15,17,21,.18) 0,
    rgba(15,17,21,.18) 1mm,
    transparent 1mm,
    transparent 2.4mm
  );
}
.flyer-loads .bar .val{
  font-family:'Space Grotesk',sans-serif;
  font-size:9pt;font-weight:500;
  color:var(--gray-700);
  text-align:right;letter-spacing:-.005em;
  white-space:nowrap;
}
.flyer-loads .bar .val b{
  color:var(--ink);font-weight:700;
}
.flyer-loads .bar.bar-mute .nm{color:var(--gray-700)}
.flyer-loads .bar .val.val-mute{color:var(--gray-600)}
.flyer-loads .bar .val.val-mute b{color:var(--gray-800)}

/* ---------- PRINCIPAIS PROCESSOS · cards editoriais premium ---------- */
.flyer-processes{
  background:#fff;
  color:var(--ink);
  padding:8mm 14mm 8mm;
  border-bottom:1px solid var(--gray-200);
}
.flyer-processes .hd{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:8mm;margin-bottom:6mm;
}
.flyer-processes .hd .eyb{
  font-family:'Space Grotesk',sans-serif;
  font-size:7pt;font-weight:700;
  letter-spacing:2.4px;text-transform:uppercase;
  color:var(--aston-yellow-dark);
  white-space:nowrap;
}
.flyer-processes .hd h3{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:14pt;
  line-height:1.15;letter-spacing:-.018em;
  color:var(--ink);
  text-align:right;
}
.flyer-processes .grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-auto-rows:1fr;
  gap:0;                      /* cards encostam · gridões editoriais separados por linha */
  border-top:1px solid var(--gray-200);
  border-left:1px solid var(--gray-200);
}
.flyer-processes .pr{
  position:relative;
  padding:5mm 6mm 5mm 6mm;
  background:#fff;
  border-right:1px solid var(--gray-200);
  border-bottom:1px solid var(--gray-200);
  display:flex;flex-direction:column;
  min-height:30mm;
  overflow:hidden;
}
/* número grande em amber, semi-watermark, anchora a hierarquia visual */
.flyer-processes .pr header{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:4mm;margin-bottom:2mm;
}
.flyer-processes .pr .ic{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:24pt;
  letter-spacing:-.03em;line-height:.85;
  color:var(--aston-yellow);
}
.flyer-processes .pr .tag{
  font-family:'Space Grotesk',sans-serif;
  font-size:6.5pt;font-weight:700;
  letter-spacing:1.6px;text-transform:uppercase;
  color:var(--gray-500);
  padding:1mm 2mm;
  border:.5px solid var(--gray-300);
  border-radius:99px;
  white-space:nowrap;
}
.flyer-processes .pr .nm{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:11pt;
  line-height:1.18;letter-spacing:-.018em;
  color:var(--ink);
  margin:1.5mm 0 2.5mm;
}
.flyer-processes .pr .nm::after{
  /* fina linha amber sob o título · marca a hierarquia */
  content:"";
  display:block;
  width:8mm;height:.6mm;
  background:var(--aston-yellow);
  margin-top:2mm;
}
.flyer-processes .pr .ds{
  font-size:7.6pt;line-height:1.45;
  color:var(--gray-700);
}
.flyer-processes .pr .out{
  margin-top:auto;
  padding-top:2mm;
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:7.8pt;
  letter-spacing:-.005em;
  color:var(--aston-yellow-dark);
  position:relative;
}
.flyer-processes .pr .out::before{
  /* indicador sutil de "outcome" · seta editorial */
  content:"→ ";
  color:var(--aston-yellow-dark);
  font-weight:700;
}

/* ---------- PLATAFORMA UNIFICADA (sóbrio · ink + amber) ---------- */
.flyer-platform{
  background:#fff;
  color:var(--ink);
  padding:7mm 14mm 7mm;
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:9mm;align-items:center;
}
.flyer-platform .lf .eyb{
  font-family:'Space Grotesk',sans-serif;
  font-size:7pt;font-weight:700;
  letter-spacing:2.4px;text-transform:uppercase;
  color:var(--aston-yellow-dark);
  display:block;margin-bottom:2.5mm;
}
.flyer-platform .lf h3{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:17pt;
  line-height:1.08;letter-spacing:-.022em;
  color:var(--ink);
  margin-bottom:3mm;
}
.flyer-platform .lf p{
  font-size:9.2pt;line-height:1.5;
  color:var(--gray-800);
  max-width:108mm;
}
.flyer-platform .lf p b{color:var(--ink);font-weight:700}
.flyer-platform .rg{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:3mm;
}
.flyer-platform .rg .kpi{
  text-align:center;
  padding:5mm 2mm;
  background:var(--ink);
  color:#fff;
  position:relative;overflow:hidden;
  min-height:24mm;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
}
.flyer-platform .rg .kpi::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:.5mm;
  background:var(--aston-yellow);
}
.flyer-platform .rg .kpi .v{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:18pt;
  letter-spacing:-.03em;line-height:1;
  color:var(--aston-yellow);
  margin-bottom:2mm;
}
.flyer-platform .rg .kpi .v small{
  font-size:11pt;opacity:.85;font-weight:600;
  color:#fff;
}
.flyer-platform .rg .kpi .l{
  font-size:6.8pt;line-height:1.35;
  letter-spacing:1.1px;text-transform:uppercase;
  color:rgba(255,255,255,.7);
  font-weight:600;
  max-width:32mm;
}

/* CTA banner com QR — telefones com white-space:nowrap pra não quebrar */
.flyer-cta{
  padding:8mm 14mm 9mm;
  display:grid;
  grid-template-columns:1fr 22mm;
  gap:8mm;
  align-items:center;
  background:var(--ink);
  color:#fff;
}
.flyer-cta.amber{
  background:var(--aston-yellow);
  color:var(--ink);
}
.flyer-cta .pitch h3{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:17pt;
  line-height:1.1;letter-spacing:-.02em;
  margin-bottom:3mm;
}
.flyer-cta .pitch h3 small{
  display:block;margin-top:2mm;
  font-size:9.5pt;font-weight:500;
  color:inherit;opacity:.7;letter-spacing:0;
}
.flyer-cta.amber .pitch h3 small{color:rgba(0,0,0,.62);opacity:1}
.flyer-cta .canais{
  display:grid;
  grid-template-columns:repeat(4,auto);
  gap:2mm 7mm;
  margin-top:3mm;
}
.flyer-cta .canais .c .lb{
  font-family:'Space Grotesk',sans-serif;
  font-size:6.5pt;font-weight:700;
  letter-spacing:1.6px;text-transform:uppercase;
  opacity:.55;margin-bottom:.6mm;
  white-space:nowrap;
}
.flyer-cta .canais .c .vl{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:10pt;
  letter-spacing:-.005em;line-height:1.15;
  white-space:nowrap;
}

/* QR code real (img gerada por API) */
.flyer-cta .qr{
  width:22mm;height:22mm;
  background:#fff;border-radius:1.5mm;
  padding:1.5mm;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  position:relative;
}
.flyer-cta .qr img,
.flyer-cta .qr svg{
  width:100%;height:100%;
  display:block;
}
.flyer-cta .qr .lb{
  position:absolute;
  bottom:-4.5mm;left:0;right:0;
  text-align:center;
  font-family:'Space Grotesk',sans-serif;
  font-size:6pt;font-weight:700;
  letter-spacing:1.4px;text-transform:uppercase;
  white-space:nowrap;
}
.flyer-cta:not(.amber) .qr .lb{color:#fff;opacity:.65}
.flyer-cta.amber .qr .lb{color:var(--ink);opacity:.65}

/* ---------- TOOLBAR (apenas tela) ---------- */
.toolbar{
  position:fixed;
  bottom:18px;right:18px;
  background:#fff;
  border-radius:10px;
  box-shadow:0 6px 22px rgba(0,0,0,.4);
  padding:9px 14px;
  z-index:9999;
  display:flex;gap:10px;align-items:center;
  font-family:'Inter',sans-serif;
  font-size:13px;color:#222;
}
.toolbar .brand{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:12px;
  color:var(--aston-yellow-dark);
  letter-spacing:.4px;
}
.toolbar button{
  background:var(--aston-yellow);color:var(--ink);
  border:none;border-radius:7px;
  padding:8px 14px;font-weight:700;
  cursor:pointer;font-size:13px;
  font-family:'Inter',sans-serif;
}
.toolbar button:hover{background:var(--aston-yellow-dark);color:#fff}
.toolbar .back-link{
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;
  border:1px solid var(--gray-300);
  border-radius:7px;
  padding:8px 14px;
  font-weight:700;
  font-size:13px;
  font-family:'Inter',sans-serif;
  color:#222;
}
.toolbar .back-link:hover{
  border-color:var(--aston-yellow-dark);
  color:var(--aston-yellow-dark);
}

/* ---------- Segurança de layout da página 2 (todos os flyers) ----------
   Evita colisão do quadro "Principais processos" com o rodapé/CTA.
   Mantém folga vertical igual à folga lateral do rodapé (10mm). */
.p2{
  --p2-footer-gap:10mm;
}
.p2 .flyer-processes{
  padding-bottom:var(--p2-footer-gap) !important;
}
.p2 .flyer-cta{
  margin:0 var(--p2-footer-gap) 0 !important;
}

/* Compactação segura do quadro de processos para não ultrapassar o limite */
.p2 .proc-frame .proc-hd{
  padding:3.2mm 5mm !important;
  gap:5mm !important;
}
.p2 .proc-frame .proc-hd .eyb{
  font-size:6.5pt !important;
}
.p2 .proc-frame .proc-hd h3{
  font-size:11.5pt !important;
  line-height:1.1 !important;
}
.p2 .proc-frame .proc{
  padding:3.6mm 4mm 3.2mm !important;
  gap:2.6mm !important;
}
.p2 .proc-frame .proc .num{
  font-size:15pt !important;
}
.p2 .proc-frame .proc .nm{
  font-size:8.7pt !important;
  line-height:1.12 !important;
  margin:0 0 .8mm !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.p2 .proc-frame .proc .ds{
  font-size:6.8pt !important;
  line-height:1.25 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}