.cap-imgwrap {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.cap-imgwrap > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.cap-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(0,0,0,0.10);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  display: grid;
  place-items: center;
  text-decoration: none;
  z-index: 10;
}

.cap-badge svg {
  width: 22px;
  height: 22px;
  fill: rgba(15, 23, 42, 0.92);
}

.cap-badge:focus-visible {
  outline: 3px solid var(--cap-focus, #f59e0b);
  outline-offset: 2px;
}

/* Mobile: área de toque confortável */
@media (max-width: 520px) {
  .cap-badge { width: 48px; height: 48px; top: 8px; right: 8px; }
  .cap-badge svg { width: 24px; height: 24px; }
}

.cap-root {
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}