.sa-deco {
  position: absolute;
  pointer-events: none;
  user-select: none;
  display: block;
  z-index: 0;
}

/* Arcos — centrados verticalmente, pegados al borde */
.sa-deco--arco-l {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sa-deco--arco-r {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Rombos — esquinas con margen generoso */
.sa-deco--rombos-tr { top: 48px;  right: 48px; }
.sa-deco--rombos-tl { top: 48px;  left:  48px; }
.sa-deco--rombos-br { bottom: 48px; right: 48px; }

/* Charro — bottom right, margen menor */
.sa-deco--charro { top: 24px; right: 24px; }

/* Gota-cubo — top right, bastante margen der, poco arriba */
.sa-deco--gota-cubo { top: 16px; right: 56px; }