
/* =====================================================================
   Página Sobre nós (10/11/2026)
   ===================================================================== */
.mt-stars { color: #f4b400; letter-spacing: 2px; font-size: 15px; }
.mt-about-hero {
  padding: calc(var(--header-h) + 72px) 0 80px;
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 215, 0, 0.22), transparent 38%),
    var(--paper);
  border-bottom: 1px solid var(--line);
}
.mt-about-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: center;
  gap: 64px;
}
.mt-about-grid > * { min-width: 0; }
.mt-about-hero h1 {
  max-width: 820px;
  margin: 0 0 22px;
  font-size: clamp(34px, 4.4vw, 58px);
  line-height: 1.04;
  text-wrap: balance;
}
.mt-about-hero p {
  max-width: 640px;
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.75;
}
.mt-about-hero .btn { margin-top: 14px; }
.mt-about-hero p a {
  color: var(--text); font-weight: 600; text-decoration: underline; text-decoration-color: var(--yellow-strong);
  text-decoration-thickness: 2px; text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) { .mt-about-hero p a:hover { text-decoration-color: var(--black); } }
.mt-about-score {
  display: grid;
  justify-items: start;
  gap: 6px;
  padding: 30px;
  color: var(--text);
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow);
}
.mt-about-score b { font-size: 64px; line-height: 1; }
.mt-about-score .mt-stars { font-size: 20px; }
.mt-about-score span:not(.mt-stars) { font-weight: 700; font-size: 15px; }
.mt-about-score small { color: var(--muted); font-size: 14px; }

@media (max-width: 980px) {
  .mt-about-grid { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 620px) {
  .mt-about-hero { padding: calc(var(--header-h) + 32px) 0 48px; }
  .mt-about-score { padding: 22px; }
  .mt-about-score b { font-size: 48px; }
}
