/* 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; }

/* 3R Auto Service — logo do header é vertical (3R + AUTO CENTER): mais alto pra ficar legível */
.header__logo img{ height:62px; }
@media (max-width:900px){ .header__logo img{ max-height:54px; } }

/* 3R — ícones em marinho sólido, maiores */
.card__icon{ width:64px; height:64px; background:var(--color-primary); box-shadow:0 8px 20px color-mix(in srgb, var(--color-primary) 40%, transparent); }
.card__icon svg{ width:30px; height:30px; }
.card--photo .card__photo{ height:190px; }
.card--photo .card__icon{ margin-top:-4px; }

/* 3R — foto da equipe no Sobre */
.about__photo{ width:100%; border-radius:var(--radius); margin-top:1.5rem; aspect-ratio:3/2; object-fit:cover; box-shadow:0 10px 30px rgba(8,9,28,.12); }
.about__values{ border-top:4px solid var(--color-secondary); }

/* ===== 3R — carrossel de avaliações (8 avaliações 5★ do Google, 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; } }