/* Uai Agendei — Minha Jornada.
   Somente componentes da rota de jornada. O shell, a paleta, o header,
   cards base e a navegação pertencem exclusivamente a client-app.css. */

.journey-hero{
  margin:0 0 20px;padding:22px;
  border:1px solid #ececea;border-radius:18px;
  background:#fff;color:#111213;box-shadow:none
}
.journey-hero>small,.journey-care small,.journey-next small{
  display:block;color:#73787a;font-size:10px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase
}
.journey-hero h2{margin:6px 0 8px;color:#111213;font-size:clamp(24px,6vw,34px);line-height:1.08;letter-spacing:-.04em}
.journey-hero>p{max-width:58ch;margin:0 0 18px;color:#73787a;line-height:1.55}
.journey-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}
.journey-kpis>div{min-width:0;padding:13px;border:1px solid #ececea;border-radius:14px;background:#fff}
.journey-kpis small,.journey-kpis span{display:block;color:#7b8082;font-size:10px;line-height:1.35}
.journey-kpis b{display:block;margin:4px 0;color:#111213;font-size:17px;overflow-wrap:anywhere}

.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.journey-card{overflow:hidden;border:1px solid #ececea;border-radius:16px;background:#fff;color:#111213;box-shadow:none}
.journey-card__media{display:grid;place-items:center;aspect-ratio:16/9;background:#f5f5f3}
.journey-card__media img{width:100%;height:100%;object-fit:cover}
.journey-card__fallback{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#111213;color:#fff;font-size:22px;font-weight:900}
.journey-card__body{padding:15px}
.journey-card__body small{color:#7b8082;font-size:10px}
.journey-card__body h3{margin:4px 0 3px;color:#111213;font-size:16px;letter-spacing:-.02em}
.journey-card__body p{margin:0 0 12px;color:#73787a;font-size:12px;line-height:1.5}
.journey-card__body .app-btn{box-shadow:none}

.journey-care{margin-top:18px}
.journey-care ul{margin:12px 0 8px;padding-left:20px}
.journey-care li{margin:0 0 9px;color:#4b5052;line-height:1.5}
.journey-next{margin-bottom:16px;padding:16px;border:1px solid #ececea;border-radius:16px;background:#fff}
.journey-next h2{margin:5px 0;color:#111213;font-size:20px;letter-spacing:-.03em}
.journey-next p{margin:0 0 8px;color:#73787a;line-height:1.5}

@media(max-width:760px){
  .journey-kpis{grid-template-columns:1fr}
  .journey-grid{grid-template-columns:1fr}
  .journey-hero{padding:18px;border-radius:16px}
}
@media(max-width:390px){
  .journey-hero{padding:16px}
  .journey-card__body{padding:13px}
}
@media(prefers-reduced-motion:reduce){
  .journey-card,.journey-hero{scroll-behavior:auto}
}