/* Auto Milani — azul Bosch Service como cor principal; vermelho do logo só em detalhes */
:root {
  --primary: #1f6fbf;        /* azul Bosch, escurecido para texto branco legível */
  --primary-dark: #17599c;
  --bosch-blue: #3a8dde;     /* azul do selo Bosch Service */
  --brand-red: #e52528;      /* vermelho do logo Auto Milani */
  --dark: #0a2a3c;           /* marinho do selo Bosch */
  --dark-2: #113a52;
  --bg-alt: #f1f5fa;
  --line: #dde5ee;
  --on-dark-muted: #a9bccb;
  --font-head: "Bahnschrift", "Segoe UI Semibold", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --hero-overlay: linear-gradient(100deg, rgba(8,32,48,.94) 0%, rgba(10,48,78,.78) 48%, rgba(31,111,191,.25) 100%);
  --hero-accent: var(--bosch-blue);
}
h1, h2 { font-weight: 700; letter-spacing: -.01em; }
.eyebrow { color: var(--primary); }
.section-dark .eyebrow, .hero .eyebrow { color: var(--bosch-blue); }

/* Cabeçalho: logo Auto Milani + selo Bosch */
.logo-img { height: 56px; }
.header-brand { display: flex; align-items: center; gap: 1rem; margin-right: auto; }
.header-brand .logo { margin-right: 0; }
.header-bosch { height: 44px; width: auto; padding-left: 1rem; border-left: 1px solid var(--line); }
@media (max-width: 420px) { .logo-img { height: 46px; } .header-bosch { height: 36px; padding-left: .7rem; } }
.nav a.btn-primary { color: #fff; }
.footer-brand .logo-img { height: 54px; }

/* Selo Bosch no topo da página inicial */
.bosch-tag { display: inline-flex; align-items: center; gap: .7rem; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: .35rem 1rem .35rem .35rem; font-size: .9rem; font-weight: 600; margin-bottom: 1.4rem; color: #fff; }
.bosch-tag img { width: 34px; height: 34px; border-radius: 6px; }

.hero-strip { position: relative; margin-top: -3.2rem; z-index: 2; }
.hero-strip .grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-lg); padding: 1.6rem; gap: 1.2rem; }
.hero-strip .item { display: flex; gap: .9rem; align-items: center; }
.hero-strip .item .card-icon { margin: 0; width: 48px; height: 48px; }
.hero-strip strong { display: block; line-height: 1.2; }
.hero-strip span { font-size: .9rem; color: var(--muted); }

/* Ícones próprios da Auto Milani */
.svc-icon { width: 30px; height: 30px; }
.card-icon .svc-icon { width: 30px; height: 30px; }
.hero-strip .svc-icon { width: 26px; height: 26px; }
.card-icon { background: color-mix(in srgb, var(--bosch-blue) 13%, #fff); color: var(--primary); }

.service-card h3 { margin-bottom: .4rem; }
.services-full .card { scroll-margin-top: calc(var(--header-h) + 20px); }
.services-full .card:target { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent); }

.steps { counter-reset: step; }
.step { position: relative; padding-top: 3.2rem; }
.step::before { counter-increment: step; content: "0" counter(step); position: absolute; top: 0; left: 0; font: 700 2.4rem/1 var(--font-head); color: var(--bosch-blue); }
.section-dark .step h3 { color: #fff; }

/* Faixa azul com o desenho de engrenagem do logo ao fundo */
.cta-band { background: linear-gradient(120deg, var(--primary-dark), var(--primary) 60%, var(--bosch-blue)); }

.post-card .media-frame { aspect-ratio: 16 / 9; box-shadow: none; border-radius: var(--radius-sm); margin-bottom: 1.1rem; }
.post-meta { font-size: .88rem; color: var(--muted); margin-bottom: .4rem; }

/* Formulário ao lado de informações: alinhar pelo topo */
.split.top { align-items: start; }
.split.top aside { position: sticky; top: calc(var(--header-h) + 1.5rem); }
@media (max-width: 860px) { .split.top aside { position: static; } }

.avatar { background: var(--primary); }
.footer-contact .icon { color: var(--bosch-blue); }
.socials a:hover { background: var(--primary); }
.testimonial .quote-mark { color: color-mix(in srgb, var(--bosch-blue) 30%, #fff); }