/* Approved service layout: the character fills the left column without covering the carousel. */
body.internal-page #tags .web-skills-packaging.web-skills-character{
  --packaging-extension:48px;
  width:calc(100% + 48px);
  margin:32px 0 0 -24px;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.internal-page #tags .web-skills-character img{
  display:block;
  width:clamp(280px,30vw,460px);
  max-width:100%;
  height:auto;
  object-fit:contain;
}

/* Reuse the Home metrics typography, spacing and palette without changing Home. */
body.internal-page #impacto-metricas.service-impact-metrics{
  position:relative;
  isolation:isolate;
  width:100%;
  margin:0!important;
  min-height:50svh!important;
  padding:clamp(52px,8vh,96px) var(--site-gutter,clamp(24px,5.5vw,96px))!important;
  background:#08070b!important;
}
@media(max-width:900px){
  body.internal-page #tags .web-skills-packaging.web-skills-character{
    flex:none;
    width:min(100%,380px);
    margin:24px auto 8px;
  }
  body.internal-page #tags .web-skills-character img{
    width:clamp(260px,45vw,340px);
  }
}