/* Template 5 — Prova Social (base: SR Motors) */

.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; } }

/* Selo de avaliação estilo Google — cor da estrela é fixa (dourado real do
   selo do Google), não usa var(--color-accent), pra manter o selo reconhecível
   em qualquer paleta de marca. */
.rating-badge{
  display:flex; align-items:center; gap:1rem; background:#fff; border-radius:999px;
  padding:.9rem 1.6rem; box-shadow:var(--shadow); margin:0 auto 3rem; width:fit-content;
}
.rating-badge__stars{ display:flex; gap:2px; }
.rating-badge__stars svg{ width:20px; height:20px; fill:#fbbc04; stroke:#fbbc04; }
.rating-badge strong{ font-family:var(--font-heading); font-size:1.3rem; color:var(--color-dark); }
.rating-badge span{ color:var(--color-text-muted); font-size:.9rem; }

/* Container do widget de avaliações (Elfsight/Trustindex/EmbedSocial etc.) —
   o widget de terceiro estiliza o próprio conteúdo internamente; aqui só
   garantimos espaçamento e uma largura consistente com o resto da seção. */
.reviews-widget{ max-width:var(--container); margin:0 auto; min-height:80px; }

.about-story{ max-width:760px; margin:0 auto 3rem; text-align:center; }
.about-story p{ color:rgba(255,255,255,.8); font-size:1.05rem; }
.section--dark .about__values{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; max-width:900px; margin:0 auto; }
.section--dark .about__values > div{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius); padding:1.75rem; }
.section--dark .about__values h4{ color:#fff; margin-bottom:.5rem; }
.section--dark .about__values p{ color:rgba(255,255,255,.7); font-size:.95rem; margin:0; }
@media (max-width:900px){ .section--dark .about__values{ 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; } }

/* Flatim — ícones mais visíveis: laranja sólido e maiores (antes: degradê laranja→grafite) */
.card__icon{ width:64px; height:64px; background:var(--color-primary); box-shadow:0 8px 20px color-mix(in srgb, var(--color-primary) 45%, transparent); }
.card__icon svg{ width:30px; height:30px; }
.card--photo .card__photo{ height:190px; }
.card--photo .card__icon{ margin-top:-4px; }

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

/* ===== Flatim — Missão e Valores ===== */
.mv{ display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; max-width:1000px; margin:0 auto; }
.mv__card{ position:relative; overflow:hidden; border-radius:var(--radius); padding:2.5rem 2.25rem; min-height:320px; display:flex; flex-direction:column; justify-content:flex-end; }
.mv__card--mission{ color:#fff; }
.mv__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; max-width:none; }
.mv__card--mission::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(24,11,3,.25) 0%, rgba(24,11,3,.92) 70%); }
.mv__inner{ position:relative; z-index:1; }
.mv__card--values{ background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); color:#fff; justify-content:flex-start; }
.mv__icon{
  width:64px; height:64px; border-radius:16px; background:var(--color-primary); color:#fff;
  display:flex; align-items:center; justify-content:center; margin-bottom:1.1rem;
  box-shadow:0 10px 24px color-mix(in srgb, var(--color-primary) 45%, transparent);
}
.mv__icon--light{ background:#fff; color:var(--color-primary); box-shadow:0 10px 24px rgba(0,0,0,.18); }
.mv__icon svg{ width:32px; height:32px; }
.mv__label{ display:block; font-family:var(--font-heading); font-weight:800; font-size:1.5rem; margin-bottom:.6rem; }
.mv__lead{ font-size:1.12rem; line-height:1.6; margin:0; color:rgba(255,255,255,.92); }
.mv__values{ list-style:none; margin:.4rem 0 0; padding:0; display:grid; gap:.85rem; }
.mv__values li{ display:flex; align-items:center; gap:1rem; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); border-radius:12px; padding:.85rem 1rem; font-size:.98rem; }
.mv__values li > span{ flex:none; width:42px; height:42px; border-radius:50%; background:#fff; color:var(--color-primary); display:flex; align-items:center; justify-content:center; }
.mv__values li > span svg{ width:22px; height:22px; }
.mv__values strong{ display:block; font-size:1.08rem; }
@media (max-width:800px){ .mv{ grid-template-columns:1fr; } .mv__card{ min-height:280px; padding:2rem 1.5rem; } }