/* Colores definidos */
.obligatorio {
  color: #c0392b !important; /* Rojo más sobrio */
}


.drop-obligatorio {
  border: 2px dashed #c0392b !important;
  background-color: #fbeaea !important; /* Fondo suave rosado */
}



.drop-obligatorio .drag-drop-description {
  color: #c0392b !important;
  font-weight: bold;
}



.opcional {
  color: #24726d !important; /* Verde zulado más oscuro para el texto */
}

.drop-opcional {
  border: 2px dashed #24726d !important;
  background-color: #c3ece9 !important; /* Verde zulado claro más oscuro que antes */
}

.drop-opcional .drag-drop-description {
  color: #24726d !important;
  font-weight: bold;
}