/* ════════════════════════════════════════════════════════════
   Page Protection Juridique Professionnelle — univers Professionnels de l'immobilier, couleur pilotée par
   <body data-univers="pro"> (voir produit.css). Créée le 2026-11-02 d'après le
   Google Doc « Page > PJ Pro » (marqué « À valider »). Même gabarit que Cybersécurité / RC Pro.
   Héros : photo de la DA depuis le 2026-11-02 (.hero-pjpro ci-dessous).
   ════════════════════════════════════════════════════════════ */

/* ── HERO — photo de la DA (images/hero-pj-pro.jpg, 3200×1800, fournie le 2026-11-02 : « hero-site-ODEALIM.png » converti) : mur grenat,
   sujet dans un cercle à droite, comme GF / Cyber. La couleur de fond ne sert que de repli pendant le chargement. ── */
.hero-pjpro{background-color:#5f1f25;background-image:url('../images/hero-pj-pro.jpg');background-size:cover;background-position:center}

/* sections suivantes : compenser la hauteur du header+breadcrumb fixes (109px) */
body.nav-overlay .produit-intro,body.nav-solid .produit-intro{scroll-margin-top:109px}

/* carte « Télécharger la fiche produit » : visuel dans ::before (scalé au survol) */
.pi-dl-card{background-color:transparent}
.pi-dl-card::before{
  content:'';
  position:absolute;
  inset:0;
  /* visuel commun a toute la gamme Professionnels de l'immobilier : celui de la GF (2026-11-02, demande de l'utilisateur) */
  background-image:url('../images/telechargement-gf.jpg');
  background-size:cover;
  background-position:center;
  transform:scale(1);
  transition:transform .45s cubic-bezier(.22,1,.36,1);
  z-index:0;
}
.pi-dl-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to right,rgba(28,28,54,.6) 0%,rgba(28,28,54,.2) 60%,transparent 100%);
  z-index:1;
  pointer-events:none;
}
.pi-dl-bar{z-index:2}
.pi-dl-card:hover{background-color:transparent}
.pi-dl-card:hover::before{transform:scale(1.05)}

/* tableau des garanties : 2 lignes dans une même description (« Analyse et aide à la rédaction juridique ») */
.gar-td .gar-line{display:block}
.gar-td .gar-line + .gar-line{margin-top:6px}

/* pas de section « Exemples de prise en charge » : « À qui s'adresse » suit directement les aménagements (même fond) → blanc pour garder l'alternance */
.aqui{background:#fff}