/* JMS Car — estilos globais intencionais.
   Este arquivo NÃO é gerado nem sobrescrito pelo generatePages.js.
   Estilos de componentes ficam em assets/css/components/. */

:root {
  --jms-red: #e53935;
  --jms-red-dark: #b82220;
  --jms-ink: #0b0d10;
  --jms-text: #1d2329;
  --jms-muted: #66717c;
  --jms-soft: #f5f7f8;
  --jms-line: #e4e8eb;
  --jms-radius: 18px;
  --jms-shadow: 0 18px 48px rgba(9, 15, 20, .10);
}

.jms-page-shell { overflow: clip; }
.jms-internal-main { background: #fff; }
.jms-internal-main > section { position: relative; }
.jms-section__head { max-width: 760px; margin: 0 auto 2rem; text-align: center; }
.jms-section__head h2 { margin: 0 0 .75rem; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.08; font-weight: 900; color: var(--jms-text); }
.jms-section__head h2 span { color: var(--jms-red); }
.jms-section__head p { margin: 0; color: var(--jms-muted); font-size: 1.05rem; line-height: 1.75; }
.jms-section--dark { background: linear-gradient(135deg, #0a1017, #050607); color: #fff; }
.jms-section--soft { background: linear-gradient(180deg, #f8fafb, #f2f5f6); }
.jms-internal-spacer { height: 1px; }
@media (max-width: 720px) { .jms-section__head { text-align: left; } }