/* Template 2 — Multiunidade (base: Top Stop Centro Automotivo) */

.numbers{ display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); align-items:center; }
@media (max-width:900px){ .numbers{ grid-template-columns:1fr; } }

.diff-list{ display:grid; grid-template-columns:1fr 1fr; gap:1rem 2.5rem; max-width:900px; margin:0 auto; }
.diff-list li{ display:flex; gap:.75rem; align-items:flex-start; font-weight:600; }
.diff-list__check{
  flex:none; width:26px; height:26px; border-radius:50%; background:var(--color-primary); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:.8rem;
}
@media (max-width:640px){ .diff-list{ grid-template-columns:1fr; } }

.about{ display:grid; grid-template-columns:1.1fr .9fr; gap:var(--gap); align-items:start; }
.about__values{ display:grid; gap:1.5rem; background:#fff; padding:2rem; border-radius:var(--radius); box-shadow:var(--shadow); }
.about__values h4{ color:var(--color-primary); margin-bottom:.35rem; }
.about__values p{ margin:0; color:var(--color-text-muted); font-size:.95rem; }
@media (max-width:900px){ .about{ grid-template-columns:1fr; } }

.section--dark .unit-card{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); }
.section--dark .unit-card__row{ color:rgba(255,255,255,.75); }
.section--dark .unit-card__row strong{ color:#fff; }

/* ===== Rei Car Assembléia — ajustes sobre o template 2 ===== */
.topbar{ background:var(--color-primary); color:#fff; font-size:.82rem; font-weight:500; }
.topbar .container{ display:flex; flex-wrap:wrap; justify-content:center; gap:.35rem 1.75rem; padding-top:.5rem; padding-bottom:.5rem; }
.topbar a{ color:#fff; font-weight:700; }
@media (max-width:640px){ .topbar span{ display:none; } }

.header__logo img{ height:58px; width:auto; }
.btn__ico{ width:18px; height:18px; flex:none; margin-right:.5rem; vertical-align:-3px; }
/* Botões de WhatsApp no verde do site original */
.btn-whatsapp{ background:var(--color-accent); box-shadow:0 12px 28px color-mix(in srgb, var(--color-accent) 35%, transparent); }
.btn-whatsapp:hover{ background:#329340; box-shadow:0 16px 34px color-mix(in srgb, var(--color-accent) 45%, transparent); }
.section-cta{ display:flex; justify-content:center; margin-top:2.5rem; }

/* 10 serviços com foto: última fileira centralizada */
.services{ display:flex; flex-wrap:wrap; justify-content:center; }
.services .card{ flex:0 1 calc((100% - 3 * var(--gap)) / 4); }
@media (max-width:960px){ .services .card{ flex-basis:calc((100% - var(--gap)) / 2); } }
@media (max-width:640px){ .services .card{ flex-basis:100%; } }

/* Diferenciais: foto da estrutura + checklist */
.diff-wrap{ display:grid; grid-template-columns:1fr 1.15fr; gap:var(--gap); align-items:center; }
.diff-wrap__img{ width:100%; height:100%; min-height:320px; object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow); }
.diff-wrap .diff-list{ grid-template-columns:1fr; max-width:none; margin:0; gap:.9rem; }
.diff-wrap .diff-list li{ font-weight:400; }
.diff-list li strong{ color:var(--color-dark); }
.diff-list__check{ background:var(--color-secondary); }
@media (max-width:900px){ .diff-wrap{ grid-template-columns:1fr; } .diff-wrap__img{ min-height:0; aspect-ratio:16/9; } }

/* Sobre com foto dos donos */
.about--photo{ grid-template-columns:1.3fr .7fr; align-items:center; }
.about__photo{ width:100%; max-height:560px; object-fit:cover; object-position:top; border-radius:var(--radius); box-shadow:var(--shadow); }
@media (max-width:900px){ .about--photo{ grid-template-columns:1fr; } .about__photo{ max-height:480px; } }

/* Unidades com mapa */
.unit-card a[href^="tel:"]{ color:#fff; font-weight:700; }
.unit-card__map{ display:block; width:100%; height:220px; border:0; border-radius:calc(var(--radius) - 4px); margin:1rem 0 0; }
.unit-card__actions{ display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1rem; }
.section--dark .section-head p{ color:rgba(255,255,255,.78); }
.footer__bottom a{ color:inherit; text-decoration:underline; }
/* ===== Rei Car — carrossel de avaliações (7 avaliações do Google das duas lojas, copiadas em 22/10/2026, fixas no HTML) ===== */
.rv-stars{ display:block; color:#fbbc04; font-size:.9rem; letter-spacing:.08em; }
.rv-stars--lg{ display:inline; font-size:1.3rem; }
.rv-g{ width:22px; height:22px; margin-left:auto; flex:none; }
.rv-carousel{ position:relative; }
.rv-track{
  display:flex; gap:1.25rem; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  padding:.5rem 0 1.25rem; scrollbar-width:none; cursor:grab; outline:none;
}
.rv-track::-webkit-scrollbar{ display:none; }
.rv-track.is-dragging{ cursor:grabbing; scroll-snap-type:none; scroll-behavior:auto; user-select:none; }
.rv-card{ flex:0 0 calc((100% - 3 * 1.25rem) / 4); scroll-snap-align:start; display:flex; flex-direction:column; box-shadow:0 4px 18px rgba(16,20,30,.08); border-top:3px solid var(--color-primary); }
.rv-card .review-card__toggle{ align-self:flex-start; margin-top:auto; }
.rv-arrow{
  position:absolute; top:calc(50% - 10px); transform:translateY(-50%); z-index:2;
  width:48px; height:48px; border-radius:50%; border:none; cursor:pointer;
  background:var(--color-primary); color:#fff; display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 20px color-mix(in srgb, var(--color-primary) 40%, transparent); transition:background .2s, opacity .2s;
}
.rv-arrow:hover{ background:var(--color-primary-dark); }
.rv-arrow[disabled]{ opacity:.35; cursor:default; }
.rv-arrow svg{ width:22px; height:22px; }
.rv-arrow--prev{ left:-24px; }
.rv-arrow--next{ right:-24px; }
.rv-dots{ display:flex; justify-content:center; gap:.5rem; margin-top:.5rem; }
.rv-dots button{ width:10px; height:10px; border-radius:50%; border:none; padding:0; background:#d6d9de; cursor:pointer; transition:width .2s, background .2s; }
.rv-dots button.is-active{ width:26px; border-radius:6px; background:var(--color-primary); }
@media (max-width:1100px){ .rv-card{ flex-basis:calc((100% - 2 * 1.25rem) / 3); } .rv-arrow--prev{ left:-8px; } .rv-arrow--next{ right:-8px; } }
@media (max-width:900px){ .rv-card{ flex-basis:calc((100% - 1.25rem) / 2); } }
@media (max-width:640px){ .rv-card{ flex-basis:86%; } .rv-arrow{ width:40px; height:40px; } .rv-arrow--prev{ left:-6px; } .rv-arrow--next{ right:-6px; } }