/* entreprises.css — page pro : team building, seminaires, animations
   Charte heritee de style.css. Ne contient que les classes .pro-*. */

.pro-ruban{display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:center;
  align-items:center;background:var(--sable);padding:18px 5vw;
  font-size:.95rem;color:var(--encre);border-bottom:1px solid rgba(169,126,95,.25)}
.pro-ruban span{white-space:nowrap}
.pro-ruban strong{color:var(--terre-lien)}

.pro-grille{display:grid;gap:26px;padding:0 5vw;max-width:1180px;margin:8px auto 0;
  grid-template-columns:1fr}
/* 2 x 2 : quatre offres, jamais une carte orpheline sur sa ligne */
@media(min-width:620px){.pro-grille{grid-template-columns:repeat(2,1fr)}}
.pro-carte{background:var(--blanc);border:1px solid rgba(169,126,95,.28);
  border-radius:22px;padding:26px 24px 22px;display:flex;flex-direction:column;gap:10px;
  box-shadow:0 10px 30px rgba(69,57,48,.07)}
.pro-carte h3{margin:0;font-size:1.32rem;line-height:1.25;color:var(--brun)}
.pro-carte p{margin:0;line-height:1.62}
.pro-cat{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--terre-lien);font-weight:600;margin:0}
.pro-prix{margin-top:4px !important;padding-top:12px;
  border-top:1px dashed rgba(169,126,95,.4);font-size:.98rem;color:var(--encre)}
.pro-prix strong{color:var(--brun)}
.pro-lien{display:inline-block;margin-top:2px;color:var(--terre-lien);
  font-weight:600;text-decoration:underline;text-underline-offset:3px;
  min-height:44px;line-height:44px}
.pro-note{font-size:.95rem;color:var(--encre);opacity:.9}

.pro-sombre{background:var(--sable)}
.pro-deroule{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.pro-deroule li{padding-left:18px;border-left:3px solid var(--nude);line-height:1.6;
  display:grid;grid-template-columns:78px 1fr;gap:4px 14px;align-items:baseline}
.pro-deroule strong{color:var(--terre-lien);font-size:1.06rem;white-space:nowrap}
@media(max-width:560px){.pro-deroule li{grid-template-columns:1fr;gap:2px}}

.pro-final{background:var(--creme);text-align:center}
.pro-actions{display:flex;flex-wrap:wrap;gap:16px 22px;justify-content:center;
  align-items:center;margin-top:20px !important}
.pro-lien-sec{color:var(--terre-lien);text-decoration:underline;
  text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}

@media(max-width:560px){
  .pro-ruban{gap:8px 18px;font-size:.9rem;padding:15px 5vw}
  .pro-carte{padding:22px 20px 18px}
  .pro-final .pro-actions{flex-direction:column;gap:10px}
}


/* ---- illustrations -------------------------------------------------------
   La page etait un mur de texte : quatre cartes d'offre alignees, puis des
   paragraphes. Chaque carte porte maintenant sa vignette, et une bande de
   trois images coupe la page avant la FAQ. */
.pro-vign{margin:0 0 18px;border-radius:18px;overflow:hidden;background:var(--sable,#f1eae0)}
.pro-vign img{display:block;width:100%;height:200px;object-fit:cover}
/* Les dessins sepia sont sur fond creme : les recadrer serre les ampute.
   On les laisse respirer, contenus, sur leur propre fond. */
.pro-vign.dessin img{object-fit:contain;height:190px;padding:6px}

.pro-bande{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  padding:0 5vw;max-width:1180px;margin:0 auto 72px}
.pro-bande-item{margin:0;border-radius:20px;overflow:hidden;background:var(--sable,#f1eae0)}
.pro-bande-item img{display:block;width:100%;height:230px;object-fit:cover}
.pro-bande-item:last-child img{object-fit:contain;padding:10px}

@media(max-width:820px){
  .pro-vign img,.pro-vign.dessin img{height:190px}
  .pro-bande{grid-template-columns:1fr;gap:14px;margin-bottom:54px}
  .pro-bande-item img{height:210px}
}

/* ornements dessines : meme DA que la page famille */
.pro-orn{margin:0 auto 10px;text-align:center;line-height:0;max-width:1080px}
.pro-orn img{width:190px;max-width:48%;height:auto;mix-blend-mode:multiply;opacity:.9}
.pro-orn-large img{width:280px;max-width:58%;opacity:.85}
@media(max-width:820px){
  .pro-orn img{width:140px}
  .pro-orn-large img{width:180px}
}