/* Ajustes da página do Diagnóstico Comercial sobre o sistema visual da Bionica. */
.topbar{background:transparent}
.topbar::before{background:rgba(5,6,9,.8)}
.capa-foto picture{position:absolute;inset:0;display:block}
.capa-foto picture img{width:100%;height:100%;object-position:50% 50%;transform:none!important;will-change:auto}
.capa-foto::after{background:
  linear-gradient(90deg,rgba(5,6,9,.3) 0%,transparent 55%),
  linear-gradient(0deg,#050609 0%,transparent 22%),
  linear-gradient(180deg,rgba(5,6,9,.24),transparent 19%)}
.capa-texto{max-width:min(860px,62%)}
.capa .olho{display:inline-flex;align-items:center;min-height:30px;width:max-content;max-width:100%;
  padding:0 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);
  color:var(--ink);font-size:13.5px;font-weight:400;line-height:1.2;letter-spacing:0}
.capa h1{max-width:18ch}
.fecho-inner p{font-size:18px;line-height:1.5;color:var(--body);max-width:49ch;margin-top:20px}
.fecho-foto img{opacity:.42;object-position:50% 50%}
.fecho-foto::after{background:linear-gradient(180deg,#050609 0%,rgba(5,6,9,.78) 38%,rgba(5,6,9,.88) 72%,#050609 100%)}

@media(max-width:860px){
  .capa-texto{max-width:none}
  .capa h1{max-width:19ch}
  .capa-foto::after{background:
    linear-gradient(180deg,rgba(5,6,9,.18) 0%,rgba(5,6,9,.18) 20%,rgba(5,6,9,.83) 49%,#050609 78%)}
}