/* Cuarzo ahumado completo; tarjetas un tono más claro en cada familia. */
.hacemos-page #estrategia,
.hacemos-page #contenido{
  --capability-bone:#89837a;
  --capability-petro:#09121c;
  background:#89837a;
  color:#09121c;
}
#estrategia .hp-capability__media,
#contenido .hp-capability__media{background:#89837a}
#estrategia .hp-capability__scrim,
#contenido .hp-capability__scrim{
  background:linear-gradient(0deg,#89837a 0%,#89837a00 22%),linear-gradient(90deg,#89837a 0%,#89837a 28%,#89837af2 36%,#89837aa6 46%,#89837a1f 62%,#89837a00 76%);
}
#estrategia .hp-cases,
#contenido .hp-cases{background:transparent}
#estrategia .hp-case-card,
#contenido .hp-case-card,
#contenido .claro-case-card{
  background:#a09a91!important;
  border-color:#b3ada4;
  color:#09121c!important;
  box-shadow:0 4px 14px #09121c16;
}
#estrategia .hp-case-card__body,
#contenido .hp-case-card__body{background:transparent!important;color:#09121c!important}
#estrategia .hp-case-card__title,
#estrategia .hp-case-card__desc,
#contenido .hp-case-card__title,
#contenido .hp-case-card__desc{color:#09121c!important;opacity:1!important}
#estrategia .hp-case-card__arrow,
#contenido .hp-case-card__arrow{color:#09121c!important;border-color:#09121c88}
#estrategia .hp-case-card:hover,
#contenido .hp-case-card:hover{background:#aaa49b!important;border-color:#ded8cf}
#estrategia .hp-case-card:focus-visible,
#contenido .hp-case-card:focus-visible{border-color:#ded8cf;outline:3px solid #ded8cf;outline-offset:4px}
#estrategia .hp-cases__label,
#contenido .hp-cases__label{color:#09121c}
.hacemos-page #branding .hp-case-card,
.hacemos-page #growth .hp-case-card{background:#17222b!important;color:#f1f0f0!important;border-color:#35424b;box-shadow:none}
.hacemos-page #branding .hp-case-card .hp-case-card__body,
.hacemos-page #growth .hp-case-card .hp-case-card__body{background:transparent!important}
.hacemos-page #branding .hp-case-card .hp-case-card__title,
.hacemos-page #branding .hp-case-card .hp-case-card__desc,
.hacemos-page #branding .hp-case-card .hp-case-card__arrow,
.hacemos-page #growth .hp-case-card .hp-case-card__title,
.hacemos-page #growth .hp-case-card .hp-case-card__desc,
.hacemos-page #growth .hp-case-card .hp-case-card__arrow{color:#f1f0f0!important;opacity:1!important}
.hacemos-page #branding .hp-case-card .hp-case-card__arrow,
.hacemos-page #growth .hp-case-card .hp-case-card__arrow{border-color:#f1f0f088}
.hacemos-page #branding .hp-case-card:hover,
.hacemos-page #growth .hp-case-card:hover{background:#1c2a35!important}
@media(max-width:980px){
  #estrategia .hp-capability__scrim,
  #contenido .hp-capability__scrim{background:linear-gradient(0deg,#89837a 0%,#89837a00 70%)}
}