/* Caso real (#caso-real) — componente isolado (D-009, D-040).
   Usa só os tokens de :root definidos em styles.css. Não depende das camadas de override. */

.case-real{padding:96px 0}
.case-head{margin-bottom:40px}
.case-head h2{margin:0}

.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case-step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.case-label{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--text);padding-bottom:8px;margin-bottom:16px;border-bottom:2px solid var(--gold)}
.case-step p{margin:0;font-size:15px;line-height:1.7;color:var(--muted)}

.case-more{margin:26px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}

@media(max-width:980px){
  .case-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .case-real{padding:56px 0}
  .case-head{margin-bottom:24px}
  .case-step{padding:22px}
  .case-step p{font-size:15px;line-height:1.5}
  .case-label{margin-bottom:12px}
}