/* V16 — correctif ciblé après revue visuelle */

/* 3 raccourcis : toujours trois cartes visibles, aucune disparition */
.jump{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  padding:24px 3.2% 30px!important;
  overflow:visible!important;
}
.jump>a{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  transform:none;
  animation:none!important;
  min-width:0!important;
  min-height:190px!important;
}
.jump>a:nth-child(1),.jump>a:nth-child(2),.jump>a:nth-child(3){display:grid!important}

/* HERO : neutralise l'ancien gros flou et garde une transition propre */
.a-hero-visual:before{
  background:linear-gradient(90deg,#eef9ff 0%,rgba(238,249,255,.42) 7%,rgba(238,249,255,0) 18%)!important;
  backdrop-filter:none!important;
  filter:none!important;
}
.a-hero-visual img{filter:none!important}

/* COMMENT ÇA MARCHE : structure entièrement statique et lisible */
.flow-v16{
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) 105px minmax(320px,1fr) 105px minmax(320px,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  max-width:1500px!important;
  margin:32px auto 0!important;
}
.flow-v16 .flow-card{
  min-height:280px!important;
  opacity:1!important;
  animation:none!important;
  transform:none;
}
.flow-v16 .role-title{align-items:center!important}
.flow-v16 .role-icon{
  width:58px!important;height:58px!important;flex:0 0 58px!important;
  display:grid!important;place-items:center!important;
  background:#eaf4ff!important;color:#075bb8!important;
  border:1px solid #d5e7f8!important;border-radius:50%!important;
}
.flow-v16 .role-icon svg{width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.flow-v16 .altec-logo-icon{
  background:#fff4dc!important;color:#cf8508!important;
  border-color:#efd29a!important;font-size:35px!important;font-weight:950!important;
}
.flow-v16 .relation{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  width:105px!important;
  opacity:1!important;
  color:#173d67!important;
  text-align:center!important;
  animation:none!important;
}
.flow-v16 .relation span{
  display:block!important;
  width:100%!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:850!important;
  color:#173d67!important;
  white-space:nowrap!important;
}
.flow-v16 .arrow-gold,.flow-v16 .arrow-blue{
  width:86px!important;height:20px!important;
  display:flex!important;align-items:center!important;
  margin:5px 0!important;opacity:1!important;animation:none!important;
}
.flow-v16 .arrow-gold i,.flow-v16 .arrow-blue i{
  display:block!important;flex:1!important;height:2px!important;
  border-radius:4px!important;opacity:1!important;animation:none!important;transform:none!important;
}
.flow-v16 .arrow-gold i{background:#d18a0b!important}
.flow-v16 .arrow-blue i{background:#075bb8!important}
.flow-v16 .arrow-gold b,.flow-v16 .arrow-blue b{
  display:block!important;font-size:25px!important;line-height:1!important;font-family:Arial,sans-serif!important;
  opacity:1!important;animation:none!important;transform:none!important;
}
.flow-v16 .arrow-gold b{color:#d18a0b!important;margin-left:3px!important}
.flow-v16 .arrow-blue b{color:#075bb8!important;margin-right:3px!important}

/* Hover identique aux autres cartes : doré immédiat, mouvement doux */
@media (hover:hover) and (pointer:fine){
  .flow-v16 .flow-card{
    transition:transform .27s ease,box-shadow .27s ease,border-color .18s ease!important;
  }
  .flow-v16 .flow-card:hover{
    transform:translateY(-6px)!important;
    border-color:#dfa93e!important;
    box-shadow:0 20px 42px rgba(8,47,91,.12)!important;
  }
  .flow-v16 .flow-card:hover .role-icon{
    background:#fff2d8!important;color:#c77b00!important;border-color:#e7b85b!important;
    transform:scale(1.06)!important;
  }
}

/* Neutralise absolument toutes les anciennes animations du flow */
.flow-v16 *{animation-name:none!important}
.flow-v16 .flow-card,.flow-v16 .relation,.flow-v16 .relation *{opacity:1!important}

/* Responsive */
@media(max-width:1150px){
  .flow-v16{grid-template-columns:1fr!important;max-width:760px!important}
  .flow-v16 .relation{width:100%!important;margin:4px auto 8px!important}
  .flow-v16 .arrow-gold,.flow-v16 .arrow-blue{width:120px!important}
}
@media(max-width:900px){
  .jump{grid-template-columns:1fr!important}
}