/* Template 1 — Clássica (base: Oficina Campo Belo) */

.about{
  display:grid; grid-template-columns:1.1fr .9fr; gap:var(--gap); align-items:start;
}
.about__values{ display:grid; gap:1.5rem; background:var(--color-bg-alt); padding:2rem; border-radius:var(--radius); }
.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; } }

.units{ grid-template-columns:1fr 1fr; align-items:stretch; }
.units iframe{ min-height:340px; }
@media (max-width:900px){ .units{ 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; }

/* Lomas Pneus — primária amarela (#FFDE00). O base.css assume primária
   escura com texto branco; aqui o amarelo vira fundo e o texto que usava
   a primária passa para o marinho do letreiro (--color-secondary). */
.btn-primary{ color:#111; }
.btn-primary:hover{ color:#111; }
.eyebrow{ color:var(--color-secondary); background:color-mix(in srgb, var(--color-primary) 35%, transparent); }
.header__nav a:hover{ color:var(--color-secondary); }
.stats strong{ color:var(--color-secondary); }
.card__icon{ background:var(--color-primary); color:#111; box-shadow:0 8px 18px color-mix(in srgb, var(--color-primary) 45%, transparent); }
.about__values{ border-left:4px solid var(--color-primary); }
.about__values h4{ color:var(--color-secondary); }
.reviews__link, .review-card__toggle{ color:var(--color-secondary); }
.footer__social a:hover{ background:var(--color-primary); color:#111; }
.section--dark .eyebrow{ color:var(--color-primary); background:rgba(255,222,0,.12); }
.hero__content h1{ text-shadow:0 2px 18px rgba(0,0,0,.35); }
.section--dark .section-head p{ color:rgba(255,255,255,.78); }

/* Avaliações — carrossel fixo com 8 avaliações 5★ copiadas do Google Maps
   em 26/10/2026 (mesmo padrão da 3R e da Flatim). */
.rv-stars{ display:block; color:#fbbc04; font-size:.9rem; letter-spacing:.08em; }
.rv-stars--lg{ display:inline; font-size:1.3rem; }
.rv-stars__off{ color:#d6d9de; }
.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__text{ -webkit-line-clamp:3; }
.rv-card .review-card__text--expanded{ -webkit-line-clamp:unset; }
.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:#111; display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 20px color-mix(in srgb, var(--color-primary) 45%, 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-secondary); }
@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; } }
.rv-track{ align-items:flex-start; }