/* Página Casos — complementa o site.css (variáveis e classes do site são reaproveitadas).
   Seções: bloco "como trabalhamos" (.sub), fichas de caso, responsivo. */

.sub{margin-top:72px}

/* casos de tráfego */
.casos{display:grid;gap:16px;list-style:none;margin:0;padding:0}
.caso{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:0;background:var(--card);border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.caso-cab{padding:28px;border-right:1px solid var(--rule)}
.caso-cab .n{font-family:var(--f-display);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.segmento{display:inline-block;margin-top:14px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text);border:1px solid var(--rule);border-radius:16px;padding:5px 12px;line-height:1.4}
.caso-cab h3{font-size:clamp(20px,2vw,24px);line-height:1.2;font-weight:700;margin-top:14px}
.caso-corpo{min-width:0}
.campos{margin:0}
.campo{padding:20px 28px;border-bottom:1px solid var(--rule-soft)}
.campos:last-child .campo:last-child{border-bottom:0}
.campo dt{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text)}
.campo dd{margin:6px 0 0;font-size:16px;line-height:1.6;max-width:68ch;color:var(--text)}
.campo.mudou{background:var(--rule-soft)}
.campo.mudou dt,.campo.mudou dd{color:var(--fg)}
.licao{margin:0;padding:18px 28px 18px 25px;border-left:3px solid var(--accent);background:var(--card);font-size:15.5px;color:var(--fg)}
.licao b{font-family:var(--f-display);font-weight:700;margin-right:6px}

/* telas menores */
@media (max-width:980px){
  .caso{grid-template-columns:1fr}
  .caso-cab{border-right:0;border-bottom:1px solid var(--rule)}
}
@media (max-width:640px){
  .sub{margin-top:48px}
  .caso-cab,.campo{padding-inline:20px}
  .licao{padding-inline:17px 20px}
}