/* assets/site/partenaires.css (31/10/2026) — section « Agences partenaires » de l'accueil (site/v2/partenaires.php).
   Préfixe v-pa : rien d'autre n'est touché ; jetons de v2.css. */
.v-pa { position: relative; }
.v-pa .v-wrap { text-align: center; }
.v-pa-tag { display: inline-block; margin: 0; padding: 7px 16px; border-radius: 999px; font: 800 12px var(--v-titre); letter-spacing: .08em;
  text-transform: uppercase; color: #fff; background: linear-gradient(135deg, rgba(255,210,74,.22), rgba(255,45,107,.18)); box-shadow: inset 0 0 0 1px rgba(255,210,74,.5); }
.v-pa h2 { margin: 14px auto 10px; max-width: 900px; font: 900 clamp(26px, 3.6vw, 44px)/1.1 var(--v-titre); letter-spacing: -1px; }
.v-pa h2 em { font-style: normal; background: linear-gradient(90deg, var(--v-or), var(--v-rose)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.v-pa .v-lead { margin: 0 auto; max-width: 640px; }

.v-pa-liste { list-style: none; margin: 32px auto 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; max-width: 1100px; }
.v-pa-carte { flex: 1 1 320px; max-width: 520px; display: grid; grid-template-columns: minmax(0, 200px) 1fr; gap: 0; overflow: hidden; text-align: left;
  border-radius: 22px; background: var(--v-carte); box-shadow: var(--v-ombre); transition: transform .18s; }
.v-pa-carte:hover { transform: translateY(-3px); }
.v-pa-affiche { width: 100%; height: 100%; min-height: 220px; object-fit: cover; display: block; background: #120e20; }
.v-pa-corps { padding: 18px 18px 16px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.v-pa-corps h3 { margin: 0; font: 900 18px var(--v-titre); overflow-wrap: anywhere; }
.v-pa-meta { margin: 0; font-size: 13px; font-weight: 700; color: var(--v-or); }
.v-pa-desc { margin: 2px 0 0; font-size: 14px; color: var(--v-txt2); display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.v-pa-btns { margin-top: auto; padding-top: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.v-pa-lien { font-size: 14px; font-weight: 700; color: var(--v-cyan); text-decoration: none; }
.v-pa-lien:hover { text-decoration: underline; }
.v-pa-cta { margin: 26px 0 0; }

@media (max-width: 560px) {
  .v-pa-carte { grid-template-columns: 1fr; }
  .v-pa-affiche { max-height: 360px; }
}