/* Senior · imagen aportada por Ignacio · 28/09/2026.
     Se conservan íntegros el marcado del diagrama y su animación. */
.conduction-art {
  isolation:isolate;
  padding:230px 28px 25px;
  border:0;
  background:#1a1a1a;
}
.conduction-art::before {
  content:""; position:absolute; inset:0 0 auto; aspect-ratio:3/2; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg,transparent 35%,rgba(26,26,26,.25) 57%,rgba(26,26,26,.78) 83%,#1a1a1a 100%),url("assets/senior-equipo-trabajo.webp") center / cover no-repeat;
}
.conduction-art .art-top {padding-bottom:22px;color:#eee6d5;}
.conduction-art .art-row {min-height:96px;gap:18px;}
.conduction-art .art-row strong {font-size:clamp(33px,3.05vw,45px);}
.conduction-art .art-row div>span {color:#d5d0c8;}
.conduction-art .art-axis {left:53px;top:290px;bottom:90px;}
.conduction-art .art-bottom {padding-top:25px;color:#d5d0c8;}
@media(min-width:900px) and (max-width:1150px){
  .conduction-art {padding:180px 22px 24px;}
  .conduction-art .art-row {gap:12px;min-height:92px;}
  .conduction-art .art-row strong {font-size:33px;}
  .conduction-art .art-axis {left:47px;top:240px;bottom:88px;}
}
@media(max-width:899.98px){
  #propuesta>.wrap>.conduction-art,.hero-inner>.conduction-art {padding:clamp(170px,43vw,310px) 24px 24px;background:#1a1a1a;}
  #propuesta .conduction-art .art-axis,.conduction-art .art-axis {left:43px;top:calc(clamp(170px,43vw,310px) + 51px);bottom:83px;}
  .conduction-art .art-row {min-height:88px;gap:15px;}
  .conduction-art .art-row strong {font-size:35px;}
  .conduction-art .art-top {padding-bottom:18px;}
  .conduction-art .art-bottom {padding-top:19px;}
}
@media(max-width:370px){
  #propuesta>.wrap>.conduction-art,.hero-inner>.conduction-art {padding-inline:17px;}
  .conduction-art .art-row {gap:11px;}
  .conduction-art .art-row strong {font-size:29px;}
  .conduction-art .art-row div>span {max-width:160px;}
  .conduction-art .art-row:nth-of-type(4){padding-left:15px;}
  .conduction-art .art-row:nth-of-type(5){padding-left:30px;}
  .conduction-art .art-row:nth-of-type(4)::before{width:15px;}
  .conduction-art .art-row:nth-of-type(5)::before{width:30px;}
  #propuesta .conduction-art .art-axis,.conduction-art .art-axis {left:36px;}
  .conduction-art .art-bottom {font-size:7px;gap:7px;}
}
