/* style.css */

/* Fuente global y tamaño de letra */
body, table {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.75rem;
}

.table thead th {
  background-color: #f8f9fa;
  font-size: 0.75rem;
}

.product-hover {
  position: relative;
  cursor: pointer;
}

.product-hover img.hover-image {
  display: none;
  position: absolute;
  top: -5px;
  left: 110%;
  width: 150px;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 999;
}

/* Mostrar la imagen al hacer hover */
.product-hover:hover img.hover-image {
  display: block;
}

/* Aseguramos que celdas con contenteditable se note el foco */
[contenteditable="true"]:focus {
  background-color: #ffffcc; /* Amarillo claro */
  outline: 2px solid #ffa;
}