.modelo-3d {
  position: relative;
  text-align: center;
  font-size: 18px;

   justify-content: center;
  align-items: center;
  /* border-radius: 20px; */
  background-color: rgba(209, 213, 219, 0.5);
  /* padding: 1px; */
   width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.modelo-3d model-viewer {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* border-radius: 19px; */
  background: linear-gradient(145deg, #f9fafb, #e5e7eb);
}

.modelo-3d::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 32px;
  height: 32px;
  background-color: black;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="black" viewBox="0 0 24 24"><path d="M12 6V3l-4 4 4 4V8c2.76 0 5 2.24 5 5 0 .34-.03.67-.08.99l1.53 1.53A6.986 6.986 0 0 0 19 13c0-3.87-3.13-7-7-7zm-5 5c0-.34.03-.67.08-.99L5.55 8.48A6.986 6.986 0 0 0 5 11c0 3.87 3.13 7 7 7v3l4-4-4-4v3c-2.76 0-5-2.24-5-5z"/></svg>') no-repeat center / contain;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="black" viewBox="0 0 24 24"><path d="M12 6V3l-4 4 4 4V8c2.76 0 5 2.24 5 5 0 .34-.03.67-.08.99l1.53 1.53A6.986 6.986 0 0 0 19 13c0-3.87-3.13-7-7-7zm-5 5c0-.34.03-.67.08-.99L5.55 8.48A6.986 6.986 0 0 0 5 11c0 3.87 3.13 7 7 7v3l4-4-4-4v3c-2.76 0-5-2.24-5-5z"/></svg>') no-repeat center / contain;
  border-radius: 50%;
  z-index: 10;
}


/* Etiqueta “3D” no canto superior direito */
.modelo-3d::after {
  content: "3D";
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: white;
  color: black;
  font-weight: bold;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.overlay-bloqueador {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background-color: rgba(0, 0, 0, 0); /* totalmente transparente */
  z-index: 9999;

  pointer-events: auto; /* capta cliques, bloqueando o que está por baixo */
}