/* EX’SIE — pictogrammes des six services : au survol ou au focus de la carte, chacun joue le geste du service. */
.picto { width: 52px; height: 52px; margin-bottom: 6px; overflow: visible; fill: none; stroke: var(--accent); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.picto * { transform-box: fill-box; transform-origin: center; transition: transform var(--d-4) var(--c-elan), opacity var(--d-3); }
.picto .plein { fill: var(--accent); stroke: none; }
.picto .doux { stroke: var(--line-fort); }
.picto .ambre { stroke: var(--ambre); }
.picto .ambre.plein { fill: var(--ambre); stroke: none; }
/* Audit : la loupe se déplace et trouve le point de friction */
.p-audit .pt-friction { opacity: .25; }
.carte:is(:hover, :focus-within) .p-audit .loupe { transform: translate(15px, 3px); }
.carte:is(:hover, :focus-within) .p-audit .pt-friction { opacity: 1; transform: scale(1.5); }
/* Intégration : l’ancien fichier entre dans l’outil */
.carte:is(:hover, :focus-within) .p-integration .fichier { transform: translate(17px, 0) scale(.72); opacity: 0; }
.p-integration .recu { transform: scaleX(0); transform-origin: left center; }
.carte:is(:hover, :focus-within) .p-integration .recu { transform: scaleX(1); transition-delay: .25s; }
/* Maintenance : l’alerte se résout, la pulsation redevient régulière */
.p-maintenance .alerte { opacity: 1; }
.p-maintenance .ok { opacity: 0; }
.carte:is(:hover, :focus-within) .p-maintenance .alerte { opacity: 0; }
.carte:is(:hover, :focus-within) .p-maintenance .ok { opacity: 1; }
.carte:is(:hover, :focus-within) .p-maintenance .pouls { transform: scaleY(.55); }
/* Formation : la bulle d’aide s’efface, le curseur continue seul */
.picto.p-formation { stroke: var(--exform); }
.picto.p-formation .plein { fill: var(--exform); }
.carte:is(:hover, :focus-within) .p-formation .bulle { opacity: 0; transform: translateY(-6px) scale(.8); }
.carte:is(:hover, :focus-within) .p-formation .curseur { transform: translate(14px, -3px); }
/* Développement : la pièce manquante vient se loger */
.p-dev .piece-m { transform: translate(9px, -12px) rotate(14deg); }
.carte:is(:hover, :focus-within) .p-dev .piece-m { transform: none; }
/* Prestations administratives : la pile se range */
.p-admin .f1 { transform: translate(-5px, 0) rotate(-9deg); }
.p-admin .f2 { transform: translate(6px, 0) rotate(7deg); }
.carte:is(:hover, :focus-within) .p-admin :is(.f1, .f2) { transform: none; }
.p-admin .fait { opacity: 0; transform: scale(.4); }
.carte:is(:hover, :focus-within) .p-admin .fait { opacity: 1; transform: none; transition-delay: .2s; }
.carte--exform .carte-num { color: var(--exform); }
.carte-avec { display: flex; align-items: center; gap: 10px; font-size: var(--t-petit); color: var(--muted); }
.carte-avec .logo-exform { height: 22px; }