/* ===== PERSONALIZADOR DE LOGO ===== */
.personalizador-container .logo-overlay.visible {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.personalizador-container .lapicero-wrapper {
  cursor: pointer;
  transition: border-color 0.3s;
}

.personalizador-container .lapicero-wrapper:hover {
  border-color: #3498db;
}



/* Modal de personalización */
#personalizadorModal .modal-dialog {
  max-width: 95%;
  margin: 1.75rem auto;
}

#personalizadorModal .preview-container {
  overflow: hidden;
  cursor: grab;
}

#personalizadorModal .preview-container:active {
  cursor: grabbing;
}

#logo-overlay.active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Flip efectos */
.flip-h {
  transform: scaleX(-1);
}

.flip-v {
  transform: scaleY(-1);
}