/* ============================================================
   Revalta by Altus Conseil — design-system/sections/revalta-section-proof.css
   ------------------------------------------------------------
   Bande de preuves — étape 5 (27/09/2026). Sous le hero de toute page
   d'entrée : note clients, distinctions, partenaires. Trois groupes sur
   une ligne, surface --revalta-light, filets haut et bas. Logos en
   silhouette encre (papier en inverse) — règle conservée.

     section.revalta-section-proof[.revalta-section-inverse]
       .revalta-section-proof-content
         .revalta-section-proof-group
           p.revalta-section-proof-label
           .revalta-section-proof-rating > p.-score (small) + div > .-stars (svg ×5) + p.-meta
         .revalta-section-proof-group
           p.revalta-section-proof-label
           ul.revalta-section-proof-logos > li > img
   Variante défilante : envelopper la ul dans .revalta-marquee (couche motion).
   Requiert : colors_and_type.css.
   ============================================================ */
.revalta-section-proof{position:relative;background:var(--revalta-light);color:var(--revalta-fg1);font-family:var(--revalta-font);font-weight:var(--revalta-w-light);border-block:1px solid var(--revalta-sep);padding:36px var(--revalta-web-pad-x,9vw)}
.revalta-section-proof-content{position:relative;max-width:1200px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.7fr);gap:40px;align-items:center}
.revalta-section-proof-group{display:flex;flex-direction:column;gap:12px;min-width:0}
.revalta-section-proof-label{margin:0;font-size:12px;font-weight:var(--revalta-w-medium);letter-spacing:.15em;text-transform:uppercase;color:var(--revalta-fg2)}
.revalta-section-proof-rating{display:flex;align-items:center;gap:14px}
.revalta-section-proof-score{margin:0;font-size:40px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.revalta-section-proof-score small{font-size:20px;color:var(--revalta-fg2)}
.revalta-section-proof-rating div{display:flex;flex-direction:column;gap:4px}
.revalta-section-proof-stars{display:inline-flex;gap:3px}
.revalta-section-proof-stars svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.25;fill:none;stroke-linejoin:round}
.revalta-section-proof-meta{margin:0;font-size:13px;line-height:1.4;color:var(--revalta-fg2)}
.revalta-section-proof-logos{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;margin:0;padding:0;list-style:none}
.revalta-section-proof-logos img{display:block;height:clamp(22px,2.2vw,28px);width:auto;filter:brightness(0) opacity(.7);transition:filter 200ms var(--revalta-ease)}
.revalta-section-proof-logos img:hover{filter:brightness(0) opacity(1)}
/* Inverse — marine. */
.revalta-section-proof.revalta-section-inverse{background:var(--revalta-bg-inverse);color:var(--revalta-fg1-inverse)}
.revalta-section-proof.revalta-section-inverse .revalta-section-proof-label,.revalta-section-proof.revalta-section-inverse .revalta-section-proof-meta,.revalta-section-proof.revalta-section-inverse .revalta-section-proof-score small{color:var(--revalta-fg2-inverse)}
.revalta-section-proof.revalta-section-inverse .revalta-section-proof-logos img{filter:brightness(0) invert(1) opacity(.7)}
.revalta-section-proof.revalta-section-inverse .revalta-section-proof-logos img:hover{filter:brightness(0) invert(1) opacity(1)}
@media (max-width:900px){
  .revalta-section-proof{padding:32px 22px}
  .revalta-section-proof-content{grid-template-columns:minmax(0,1fr);gap:24px}
}
