/* Page produit YoGestion Pro (/produits/yo-gestion) : loaded only on that page, after services.css */
/* Page YoGestion Pro : captures de l'application dans un cadre de navigateur */
.yo-offer-img.yo-shot { padding-top: 26px; background: #fff; border: 1px solid rgba(25, 25, 112, .12); }
.yo-offer-img.yo-shot::before { content: ""; position: absolute; left: 14px; top: 9px; width: 8px; height: 8px; border-radius: 50%; background: #FF4400; box-shadow: 14px 0 0 #191970, 28px 0 0 rgba(25, 25, 112, .25); }
.yo-svc .yo-stage img { box-shadow: 0 24px 50px -22px rgba(18, 18, 78, .55); border: 1px solid rgba(25, 25, 112, .12); background: #fff; }
.yo-svc .yo-stage { aspect-ratio: 1 / .86; }
.yo-stage .a { width: 80%; } .yo-stage .b { width: 72%; }
.yo-svc .yo-tile .n { font-size: 24px; }
.yo-logos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.yo-logos div { display: flex; align-items: center; justify-content: center; height: 96px; padding: 14px; background: #fff; border: 1px solid rgba(25, 25, 112, .12); border-radius: 12px; transition: transform .25s, border-color .25s; }
.yo-logos div:hover { transform: translateY(-4px); border-color: #FF4400; }
.yo-logos img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
@media screen and (max-width: 991px) { .yo-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media screen and (max-width: 767px) { .yo-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yo-offer-img.yo-shot { padding-top: 20px; } .yo-offer-img.yo-shot::before { top: 6px; } }