/* ===== RESET LOCAL PARA AS SEÇÕES NOVAS ===== */
.email-wire, .email-wire *, .funnel-wire, .funnel-wire *{
  box-sizing:border-box;
  font-family:'Inter', Arial, sans-serif;
}

/* ===== TÍTULOS GERAIS ===== */
.email-wire .ew-title,
.funnel-wire .fw-title{
  color:#ffffff;
  text-align:center;
  font-weight:800;
  font-size:clamp(1.6rem,2.4vw,2.4rem);
  letter-spacing:.2px;
  margin:0 0 18px;
}

/* ===== CARTÕES (CENTRALIZADOS) ===== */
.ew-card, .fw-card{
  background:#ffffff;
  border:1px solid #e6e8ee;
  border-radius:14px;
  padding:20px;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  max-width:1100px;
  margin:0 auto;
}

/* ===== E-MAIL WIREFRAME ===== */
.email-wire{ background:#0e563c; padding:28px 18px; border-radius:14px; color:#0f172a; }
.ew-subtitle{ text-align:center; margin-bottom:10px; }
.ew-subtitle .seg{ font-size:clamp(1rem,1.4vw,1.25rem); margin-bottom:2px; }
.ew-subtitle .source{ color:#4b5563; font-size:.9rem; }

.ew-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:8px; }
.ew-col{ background:#f8fafc; border:1px solid #e5e7eb; border-radius:12px; padding:18px; box-shadow:0 6px 16px rgba(15,23,42,.06); }

.ew-value{ font-weight:900; font-size:clamp(2rem,6vw,3.2rem); line-height:1; margin-bottom:6px; }
.ew-value.is-above{ color:#15803d; } /* verde */
.ew-value.is-below{ color:#dc2626; } /* vermelho */
.ew-value.is-avg  { color:#0f172a; }  /* neutro */

.ew-heading{ margin:0 0 6px; font-size:clamp(1.1rem,1.6vw,1.6rem); }

.ew-badge{ display:inline-block; border-radius:999px; padding:6px 12px; font-weight:800; font-size:.8rem; }
.ew-badge.is-above{ background:#eaffef; color:#1b5e20; }
.ew-badge.is-below{ background:#ffe8ea; color:#b3261e; }
.ew-badge.is-avg  { background:#fff3c4; color:#7a5800; }

.ew-line{ margin:10px 0 12px; font-size:1.05rem; display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; }
.ew-line .label{ font-style:italic; color:#374151; }
.ew-line .sep{ width:10px; }
.ew-diff.pos{ color:#15803d; font-weight:800; }
.ew-diff.neg{ color:#dc2626; font-weight:800; }

.ew-box{ background:#ffffff; border:1px solid #e5e7eb; border-radius:10px; padding:12px; min-height:120px; box-shadow:0 4px 12px rgba(0,0,0,.04); }
.ew-box .row{ display:flex; gap:8px; margin:8px 0; }
.ew-box .row span{ flex:1; }

.ew-actions{ display:flex; gap:12px; justify-content:center; margin-top:18px; }
.ew-btn{ background:#ffffff; border:2px solid #0e563c; color:#0e563c; padding:12px 18px; border-radius:10px; font-weight:800; letter-spacing:.3px; cursor:pointer; }
.ew-btn.primary{ background:#0e563c; color:#ffffff; }
.ew-btn:hover{ filter:brightness(.97); }

/* ===== FUNIL WIREFRAME ===== */
.funnel-wire{ background:#0e563c; padding:28px 18px; border-radius:14px; color:#0f172a; }
.fw-subtitle{ text-align:center; margin-bottom:12px; }
.fw-subtitle .seg{ font-size:clamp(1rem,1.4vw,1.25rem); margin-bottom:2px; }
.fw-subtitle .source{ color:#4b5563; font-size:.9rem; }

/* topo das barras */
.fw-bars{ max-width:720px; margin:0 auto 14px; }
.fw-bars .row{ display:grid; grid-template-columns:minmax(70px,110px) minmax(120px,200px) 1fr minmax(54px,90px); gap:10px; align-items:center; margin:8px 0; }
.fw-bars .num{ text-align:right; font-weight:800; letter-spacing:.5px; }
.fw-bars .label{ background:#1e6fd3; color:#fff; border-radius:6px; padding:8px 10px; font-weight:700; box-shadow:inset 0 -2px 0 rgba(0,0,0,.15); }
.fw-bars .bar{ height:16px; background:#e9eef7; border-radius:999px; overflow:hidden; position:relative; }
.fw-bars .bar .fill{ position:absolute; left:0; top:0; bottom:0; background:#1e6fd3; border-radius:999px; }
.fw-bars .rate{ font-weight:800; }
.fw-bars .rate.good{ color:#15803d; }
.fw-bars .rate.warn{ color:#d97706; }
.fw-bars .rate.bad{  color:#dc2626; }

/* caixas de análise */
.fw-boxes{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:10px; }
.fw-box{ background:#ffffff; border:1px solid #e5e7eb; border-radius:10px; box-shadow:0 6px 16px rgba(15,23,42,.06); padding:12px; min-height:160px; }
.fw-line{ display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin-bottom:8px; font-size:1.05rem; }
.fw-line .lab{ font-style:italic; color:#374151; }
.fw-line .sep{ width:10px; }
.fw-line .val{ font-weight:800; }
.fw-line .val.pos{ color:#15803d; }
.fw-line .val.neg{ color:#dc2626; }
.fw-line .val.eq{  color:#0f172a; }
.fw-area>div{ display:flex; gap:6px; margin:6px 0; }
.fw-area>div span{ flex:1; }

.fw-actions{ display:flex; gap:12px; justify-content:center; margin-top:16px; }

/* ===== RESPONSIVO ===== */
@media (max-width: 980px){
  .ew-grid{ grid-template-columns:1fr; }
  .fw-boxes{ grid-template-columns:1fr; }
  .fw-bars .row{ grid-template-columns:minmax(56px,80px) minmax(100px,160px) 1fr minmax(46px,80px); }
}