/* Tony ScriptOps v2.1.7.3
   Somente os ícones dos dois CTAs principais do Hero.
   Mantém textos, dimensões, cores e comportamento existentes. */

.ts-hero-cta-tech-v2173 {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  position: relative !important;
  flex: 0 0 28px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}

/* PRODUTOS: mini painel/catálogo técnico */
.ts-hero-cta-tech-v2173[data-tech="products"]::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 17px;
  border: 1.7px solid currentColor;
  border-radius: 4px;
  opacity: .98;
  background:
    linear-gradient(currentColor 0 0) 4px 5px / 4px 3px no-repeat,
    linear-gradient(currentColor 0 0) 11px 5px / 7px 2px no-repeat,
    linear-gradient(currentColor 0 0) 4px 11px / 4px 3px no-repeat,
    linear-gradient(currentColor 0 0) 11px 11px / 5px 2px no-repeat;
}

.ts-hero-cta-tech-v2173[data-tech="products"]::after {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 2px;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: currentColor;
  box-shadow: 0 0 0 2px rgba(255,255,255,.20);
  clip-path: polygon(50% 0,61% 34%,98% 38%,69% 60%,79% 100%,50% 76%,21% 100%,31% 60%,2% 38%,39% 34%);
}

/* TUTORIAIS: documentação técnica/código */
.ts-hero-cta-tech-v2173[data-tech="tutorials"]::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 19px;
  border: 1.6px solid currentColor;
  border-radius: 3px;
  background:
    linear-gradient(currentColor 0 0) 5px 5px / 5px 1.7px no-repeat,
    linear-gradient(currentColor 0 0) 5px 9px / 10px 1.7px no-repeat,
    linear-gradient(currentColor 0 0) 5px 13px / 8px 1.7px no-repeat;
}

.ts-hero-cta-tech-v2173[data-tech="tutorials"]::after {
  content: "</>";
  position: absolute;
  left: -3px;
  top: -3px;
  min-width: 13px;
  height: 11px;
  padding: 0 2px;
  display: grid;
  place-items: center;
  border-radius: 3px;
  font: 800 6px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: #2563eb;
  background: #eef5ff;
  border: 1px solid #cfe0fb;
}

/* não interfere nas setas finais dos botões */
.ts-hero-cta-tech-v2173 * {
  display: none !important;
}