/* V9 targeted polish for The Studio / Conocenos */
body.uv-about{
  --a-bg:#eff4fb;
  --a-card:#ffffff;
  --a-card2:#f8fbff;
  --a-text:#10213c;
  --a-muted:#5d6f85;
  --a-line:rgba(16,41,72,.12);
  --a-accent:var(--orange);
  --a-glow:rgba(245,117,33,.05);
  --a-cardshadow:0 24px 65px rgba(9,33,66,.08);
}
html[data-theme="dark"] body.uv-about{
  --a-bg:#06173b;
  --a-card:rgba(10,29,64,.88);
  --a-card2:rgba(14,36,75,.88);
  --a-text:#f7f9ff;
  --a-muted:#c1cde0;
  --a-line:rgba(179,205,246,.16);
  --a-glow:rgba(24,77,150,.22);
  --a-cardshadow:0 24px 65px rgba(0,0,0,.28);
}
body.uv-about .ab6-main{
  background:linear-gradient(180deg,#eff4fb 0%,#f8f9fb 100%)!important;
  color:var(--a-text)!important;
}
html[data-theme="dark"] body.uv-about .ab6-main{
  background:
    radial-gradient(circle at 82% 15%, rgba(21,73,171,.34) 0%, rgba(21,73,171,0) 22%),
    linear-gradient(180deg,#03133a 0%, #051744 38%, #071937 100%)!important;
}
body.uv-about .ab6-main section{background:transparent!important;color:var(--a-text)!important}
body.uv-about .ab6-main .ab6-about{padding:94px 0 92px!important}
body.uv-about .ab6-main .ab6-approach{padding:84px 0 88px!important}
body.uv-about .ab6-main .ab6-who{padding:86px 0 90px!important}
body.uv-about .ab6-main .ab6-benefits{padding:54px 0 92px!important}
body.uv-about .ab6-main .ab6-headrow{margin-bottom:52px}
body.uv-about .ab6-main .ab6-card,
body.uv-about .ab6-main .ab6-stat,
body.uv-about .ab6-main .ab6-benefits-shell{
  backdrop-filter:blur(10px);
}
body.uv-about .ab6-main .ab6-card{
  border-radius:26px;
}
body.uv-about .ab6-main .ab6-card:hover{
  transform:translateY(-12px);
}
body.uv-about .ab6-main .ab6-card-picture{
  height:250px;
  background:var(--a-card2);
}
body.uv-about .ab6-main .ab6-card-picture img{
  filter:saturate(1.05) brightness(1.06);
}
body.uv-about .ab6-main .ab6-card:hover img,
body.uv-about .ab6-main .ab6-who-media:hover img{
  transform:scale(1.05);
  filter:saturate(1.1) brightness(1.08);
}
body.uv-about .ab6-main .ab6-timeline{padding-top:4px}
body.uv-about .ab6-main .ab6-timeline-item{padding-bottom:44px}
body.uv-about .ab6-main .ab6-timeline-item:last-child{padding-bottom:0}
body.uv-about .ab6-main .ab6-timeline-item:hover{transform:translateX(6px)}
body.uv-about .ab6-main .ab6-timeline-item:before{
  box-shadow:0 0 0 6px var(--a-bg);
}
html[data-theme="dark"] body.uv-about .ab6-main .ab6-timeline-item:before{
  box-shadow:0 0 0 6px #06173b;
}
body.uv-about .ab6-main .ab6-stats{gap:22px}
body.uv-about .ab6-main .ab6-stat{min-height:224px;padding:30px 28px;border-radius:28px}
body.uv-about .ab6-main .ab6-stat:nth-child(even){transform:translateY(46px)}
body.uv-about .ab6-main .ab6-stat:hover{transform:translateY(-8px)!important}
body.uv-about .ab6-main .ab6-stat strong{font-size:clamp(40px,4.3vw,68px)}
body.uv-about .ab6-main .ab6-stat p{font-size:15px!important;line-height:1.45;max-width:220px}
body.uv-about .ab6-main .ab6-who-media img{width:220px;height:170px;filter:saturate(1.04) brightness(1.05)}
body.uv-about .ab6-main .ab6-benefits-shell{border-radius:28px;padding:44px 32px}
body.uv-about .ab6-main .ab6-benefit:hover{transform:translateY(-6px)}
@media (max-width:760px){
  body.uv-about .ab6-main .ab6-about{padding:70px 0 64px!important}
  body.uv-about .ab6-main .ab6-approach{padding:62px 0 66px!important}
  body.uv-about .ab6-main .ab6-who{padding:64px 0 68px!important}
  body.uv-about .ab6-main .ab6-benefits{padding:34px 0 70px!important}
  body.uv-about .ab6-main .ab6-headrow{margin-bottom:34px}
  body.uv-about .ab6-main .ab6-card-picture{height:220px}
  body.uv-about .ab6-main .ab6-who-media{align-items:flex-start}
  body.uv-about .ab6-main .ab6-who-media img{width:44%;height:132px}
  body.uv-about .ab6-main .ab6-stat:nth-child(even){transform:translateY(22px)}
  body.uv-about .ab6-main .ab6-stat strong{font-size:40px}
}
@media (max-width:480px){
  body.uv-about .ab6-main .ab6-wrap{width:calc(100% - 40px)}
  body.uv-about .ab6-main .ab6-card,
  body.uv-about .ab6-main .ab6-stat{border-radius:22px}
  body.uv-about .ab6-main .ab6-card-picture{height:200px}
  body.uv-about .ab6-main .ab6-stat{min-height:164px;padding:20px 18px}
  body.uv-about .ab6-main .ab6-stat p{font-size:12px!important;max-width:150px}
}