@import url("general.css");
@import url("ingredientes.css");
@import url("preparaciones.css");
@import url("reporte1.css");
@import url("dashboard.css");



body {
    user-select: none; /* Evita seleccionar texto en todo el documento */
}

input, textarea, [contenteditable="true"] {
    user-select: text; /* Permite selección en inputs y elementos editables */
}



/* REEMPLAZO DE ALERT */
/* PERSONALIZAMOS NUESTRA PROPIA ALERTA */
#alertaFlotante {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 180px;
  max-width: 340px;
  background: #fff;
  border: 2.2px solid #C90045; /* Borde magenta */
  color: #232323; /* SIEMPRE gris oscuro para el texto */
  padding: 13px 24px 13px 14px;
  border-radius: 13px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 500;
  font-size: 1.04rem;
  text-align: left;
  z-index: 9999;
  opacity: 0;
  display: none;
  transition: opacity 0.35s;
  display: flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

#alertaFlotante.mostrar {
  opacity: 1;
  display: flex;
}

#alertaFlotante .alerta-icono {
  display: flex;
  align-items: center;
  margin-right: 4px;
}

#alertaFlotante .alerta-texto {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  color: #232323 !important; /* fuerza el color oscuro siempre */
}