/* aNETomy — hero v41
   Correzione della v40: nessun testo HTML duplicato sopra l'infografica.
   Una sola immagine originale. La fusione con lo sfondo interessa soprattutto
   la fascia centrale sinistra, lasciando libere le etichette originali in alto e in basso. */

@media (min-width:1101px){
  .a-intro{
    min-height:520px!important;
    overflow:hidden!important;
  }

  .a-grid{
    grid-template-columns:minmax(0,.90fr) minmax(600px,1.10fr)!important;
    gap:18px!important;
    align-items:center!important;
    padding:10px 0!important;
  }

  .a-visual.anatomical-visual{
    position:relative!important;
    justify-self:end!important;
    width:min(100%,720px)!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    isolation:isolate!important;
  }

  .a-visual.anatomical-visual .a-visual-base{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center right!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    border-radius:0!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  /* Raccordo con lo sfondo solo nella parte centrale: le etichette originali
     CONNESSIONI/FUNZIONE restano fuori dal velo e quindi più leggibili. */
  .a-visual.anatomical-visual::before{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    pointer-events:none!important;
    left:0!important;
    top:24%!important;
    bottom:24%!important;
    width:21%!important;
    background:linear-gradient(90deg,
      rgb(245,242,238) 0%,
      rgba(245,242,238,.94) 16%,
      rgba(245,242,238,.70) 42%,
      rgba(245,242,238,.34) 68%,
      rgba(245,242,238,.10) 88%,
      rgba(245,242,238,0) 100%
    )!important;
  }

  /* Un raccordo molto leggero sull'intero bordo sinistro evita lo stacco netto,
     ma non lava i testi incorporati nell'immagine. */
  .a-visual.anatomical-visual::after{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    pointer-events:none!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:7%!important;
    background:linear-gradient(90deg,
      rgba(245,242,238,.64) 0%,
      rgba(245,242,238,.24) 55%,
      rgba(245,242,238,0) 100%
    )!important;
  }

  .a-infographic-label{display:none!important;}
}

@media (max-width:1100px){
  .a-grid{grid-template-columns:1fr!important;gap:20px!important;}
  .a-visual.anatomical-visual{
    position:relative!important;
    width:min(100%,680px)!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    margin:0 auto!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .a-visual.anatomical-visual .a-visual-base{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
  }
  .a-visual.anatomical-visual::before,
  .a-visual.anatomical-visual::after{content:none!important;}
  .a-infographic-label{display:none!important;}
}

@media (max-width:650px){
  .a-visual.anatomical-visual{width:100%!important;margin:0!important;}
}

.a-visual.anatomical-visual .a-visual-sharp{display:none!important;}